appsec.aarp.org Open in urlscan Pro
45.60.156.55  Public Scan

URL: https://appsec.aarp.org/mem/join?campaignId=UPR59WA7&cmp=EMC-DSM-NLC-OTH-WBLTR-1532702-1879708-7430717-NA-071523-Weblett...
Submission: On July 18 via manual from US — Scanned from DE

Form analysis 2 forms found in the DOM

POST /mem/joinbilling?campaignId=UPR59WA7&cmp=EMC-DSM-NLC-OTH-WBLTR-1532702-1879708-7430717-NA-071523-Webletter-SM-SMJOIN59A-CTA-PR59-Membership&intcmp=DSO-MEM-JOIN-BILLING

<form id="joinAppForm" action="/mem/joinbilling?campaignId=UPR59WA7&amp;cmp=EMC-DSM-NLC-OTH-WBLTR-1532702-1879708-7430717-NA-071523-Webletter-SM-SMJOIN59A-CTA-PR59-Membership&amp;intcmp=DSO-MEM-JOIN-BILLING" method="post" autocomplete="off"
  novalidate="" data-di-form-track="1" data-di-form-id="Join App Form">
  <div id="error-msg_generic" aria-live="assertive" class="__display-generic-error-msg" style="margin-bottom:5px;display:none" role="alert"></div>
  <div>
    <div class="row">
      <div class="col-sm-6 col-md-6 col-lg-6 form-group padd-Right" id="MailingFirstNameRow">
        <div class="bordered-focus-container"><input maxlength="15" data-address-type="mailing" type="text" autocomplete="given-name" class="form-control form-field" aria-describedby="error-msg__mailing-first-name" required="required" id="firstName"
            data-di-field-id="firstName" aria-label="First Name" aria-required="true" name="membershipVO.firstName" value="" data-di-id="#firstName"><label for="firstName" class="sub-title">First Name</label></div>
        <div id="error-msg__mailing-first-name" aria-live="assertive"></div>
      </div>
      <div class="col-sm-6 col-md-6 col-lg-6 form-group" id="MailingMiddleNameRow">
        <div class="bordered-focus-container"><input maxlength="15" data-address-type="mailing" type="text" autocomplete="additional-name" class="form-control form-field" aria-describedby="error-msg__mailing-middle-name" id="middleName"
            data-di-field-id="middleName" name="membershipVO.middleName" value="" data-di-id="#middleName"><label for="middleName" class="sub-title">Middle Name (Optional)</label></div>
        <div id="error-msg__mailing-middle-name" aria-live="assertive"></div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-6 col-md-6 col-lg-6 form-group padd-Right lastName" id="MailingLastNameRow">
        <div class="bordered-focus-container"><input maxlength="25" data-address-type="mailing" required="required" type="text" autocomplete="family-name" class="form-control form-field" aria-describedby="error-msg__mailing-last-name" id="lastName"
            data-di-field-id="lastName" aria-label="Last Name" aria-required="true" name="membershipVO.lastName" value="" data-di-id="#lastName"><label for="lastName" class="sub-title">Last Name</label></div>
        <div id="error-msg__mailing-last-name" aria-live="assertive"></div>
      </div>
      <div class="col-sm-6 col-md-6 col-lg-6 form-group" id="simpleBirthDayRow">
        <div class="bordered-focus-container"><input type="tel" autocomplete="bday" class="form-control form-field" aria-describedby="error-msg__birth-day" id="simple-birthday" data-di-field-id="simple-birthday" maxlength="10" required="required"
            aria-required="true" oninput="return isNumber(event)" name="dobAsString" value="" data-di-id="#simple-birthday"><label for="simple-birthday" id="Birthday_label" class="sub-title">Birthday (MM/DD/YYYY)</label></div>
        <div id="error-msg__birth-day" aria-live="assertive"></div>
        <div>
          <div class="createinfosubhead">We require your birthdate to verify eligibility for membership. Some of our benefits providers have specific age requirements.</div>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div class="row">
      <div class="col-sm-12 col-md-12 col-lg-12 form-group" id="MailingAddress1Row">
        <div class="bordered-focus-container"><input role="combobox" data-address-type="mailing" required="required" type="text" autocomplete="address-line1" placeholder="" class="form-control form-field" aria-describedby="error-msg__mailing-address"
            id="street_number" data-di-field-id="mailingAddress.addressLine1" aria-label="Street Address" aria-required="true" aria-expanded="false" aria-controls="mailing-address-row" name="membershipVO.mailingAddress.addressLine1" value=""
            data-di-id="#street_number"><label for="street_number" class="sub-title">Street Address</label></div>
        <div id="error-msg__mailing-address" aria-live="assertive"></div>
      </div>
    </div>
    <div class="row">
      <div class="col-sm-12 col-md-12 col-lg-12 form-group" id="MailingAddress2Row">
        <div class="bordered-focus-container"><input data-address-type="mailing" type="text" autocomplete="address-line2" class="form-control form-field" aria-describedby="error-msg__mailing-address-2" id="route"
            data-di-field-id="mailingAddress.addressLine2" aria-label="Apt., Suite, Bldg. (Optional)" name="membershipVO.mailingAddress.addressLine2" value="" data-di-id="#route"><label for="route" class="sub-title">Apt., Suite, Bldg.
            (Optional)</label></div>
        <div id="error-msg__mailing-address-2" aria-live="assertive"></div>
      </div>
    </div>
    <div class="row">
      <div class="form-group col-sm-6 col-md-6 col-lg-6 padd-Right" id="MailingCityRow">
        <div class="bordered-focus-container"><input data-address-type="mailing" required="required" type="text" autocomplete="address-level2" class="form-control form-field" aria-describedby="error-msg__mailing-city" id="locality"
            data-di-field-id="mailingAddress.city" aria-label="City" aria-required="true" name="membershipVO.mailingAddress.city" value="" data-di-id="#locality"><label for="locality" class="sub-title">City</label></div>
        <div id="error-msg__mailing-city" aria-live="assertive"></div>
      </div>
      <div class="form-group col-sm-6 col-md-6 col-lg-6 padd-Left" id="MailingStateRow">
        <div class="bordered-focus-container"><select onchange="javascript:rememberSelectedState(this)" data-address-type="mailing" required="required" autocomplete="address-level1"
            class="form-control form-field mailing_state mailing-select select-field" aria-describedby="error-msg__mailing-state" id="administrative_area_level_1" data-di-field-id="mailingAddress.state" aria-label="State/Province"
            aria-required="true" aria-expanded="false" name="membershipVO.mailingAddress.state">
            <option selected="" disabled="" value=""></option>
            <option value="AA">AA</option>
            <option value="AE">AE</option>
            <option value="AL">AL</option>
            <option value="AK">AK</option>
            <option value="AS">AS</option>
            <option value="AP">AP</option>
            <option value="AZ">AZ</option>
            <option value="AR">AR</option>
            <option value="CA">CA</option>
            <option value="CO">CO</option>
            <option value="CT">CT</option>
            <option value="DE">DE</option>
            <option value="DC">DC</option>
            <option value="FM">FM</option>
            <option value="FL">FL</option>
            <option value="GA">GA</option>
            <option value="GU">GU</option>
            <option value="HI">HI</option>
            <option value="ID">ID</option>
            <option value="IL">IL</option>
            <option value="IN">IN</option>
            <option value="IA">IA</option>
            <option value="KS">KS</option>
            <option value="KY">KY</option>
            <option value="LA">LA</option>
            <option value="ME">ME</option>
            <option value="MH">MH</option>
            <option value="MD">MD</option>
            <option value="MA">MA</option>
            <option value="MI">MI</option>
            <option value="MN">MN</option>
            <option value="MS">MS</option>
            <option value="MO">MO</option>
            <option value="MT">MT</option>
            <option value="NE">NE</option>
            <option value="NV">NV</option>
            <option value="NH">NH</option>
            <option value="NJ">NJ</option>
            <option value="NM">NM</option>
            <option value="NY">NY</option>
            <option value="NC">NC</option>
            <option value="ND">ND</option>
            <option value="MP">MP</option>
            <option value="OH">OH</option>
            <option value="OK">OK</option>
            <option value="OR">OR</option>
            <option value="PW">PW</option>
            <option value="PA">PA</option>
            <option value="PR">PR</option>
            <option value="RI">RI</option>
            <option value="SC">SC</option>
            <option value="SD">SD</option>
            <option value="TN">TN</option>
            <option value="TX">TX</option>
            <option value="UT">UT</option>
            <option value="VT">VT</option>
            <option value="VI">VI</option>
            <option value="VA">VA</option>
            <option value="WA">WA</option>
            <option value="WV">WV</option>
            <option value="WI">WI</option>
            <option value="WY">WY</option>
          </select><label for="administrative_area_level_1" class="sub-title smaller-left-position">State/Province</label></div>
        <div id="error-msg__mailing-state" aria-live="assertive"></div>
      </div>
    </div>
    <div class="row">
      <div class="form-group col-sm-6 col-md-6 col-lg-6 padd-Right" id="MailingZipRow">
        <div class="bordered-focus-container"><input data-address-type="mailing" maxlength="5" required="required" type="text" inputmode="numeric" autocomplete="postal-code" class="form-control form-field"
            aria-describedby="error-msg__mailing-post-code" id="postal_code" data-di-field-id="mailingAddress.postalCode" aria-label="Zip/Postal Code" aria-required="true" name="membershipVO.mailingAddress.postalCode" value=""
            data-di-id="#postal_code"><label for="postal_code" class="sub-title">Zip/Postal Code</label></div>
        <div id="error-msg__mailing-post-code" aria-live="assertive"></div>
      </div>
      <div class="col-sm-6 col-md-6 col-lg-6 form-group padd-Left" id="MailingCountryRow">
        <div class="bordered-focus-container"><select onchange="javascript:loadStates(this);" autocomplete="country-name" data-address-type="mailing" id="mailing_country" data-di-field-id="MailingCountry" name="MailingCountry" required="required"
            class="form-control form-field select-field mailing-select elevate-initially" aria-describedby="error-msg__mailing-country" aria-label="Country" aria-required="true">
            <option value="US" selected="selected">USA</option>
            <option value="CC">CANADA</option>
            <option value="MX">MEXICO</option>
            <option value="DL" disabled="disabled">----------</option>
            <option value="AC">AFGHANISTAN</option>
            <option value="AD">ALBANIA</option>
            <option value="AF">ALGERIA</option>
            <option value="AG">ANDORRA</option>
            <option value="AH">ANGOLA</option>
            <option value="AI">ANGUILLA</option>
            <option value="AJ">ANTIGUA &amp; BARBUDA</option>
            <option value="AM">ARGENTINA</option>
            <option value="AN">ARMENIA</option>
            <option value="AO">ARUBA</option>
            <option value="AQ">ASCENSION</option>
            <option value="AT">AUSTRALIA</option>
            <option value="AV">AZERBAIJAN</option>
            <option value="AW">AZORES</option>
            <option value="BA">BAHAMAS</option>
            <option value="BB">BAHRAIN</option>
            <option value="BD">BALARUS</option>
            <option value="BE">BANGLADESH</option>
            <option value="BF">BARBADOS</option>
            <option value="BH">BELIZE</option>
            <option value="BI">BENIN</option>
            <option value="BJ">BERMUDA</option>
            <option value="BK">BHUTAN</option>
            <option value="BL">BOLIVIA</option>
            <option value="BM">BOSNIA-HERCEGOVINA</option>
            <option value="BN">BOTSWANA</option>
            <option value="BO">BRAZIL</option>
            <option value="BP">BRITISH VIRGIN ISLANDS</option>
            <option value="BQ">BRUNEI</option>
            <option value="BS">BURKINA FASO</option>
            <option value="BT">BURUNDI</option>
            <option value="CB">CAMEROON</option>
            <option value="CD">CAPE VERDE</option>
            <option value="CE">CAYMAN ISLANDS</option>
            <option value="CF">CENTRAL AFRICAN REPUBLIC</option>
            <option value="CG">CHAD</option>
            <option value="CH">CHILE</option>
            <option value="CI">CHINA, PEOPLES REP. OF CHINA</option>
            <option value="CJ">COLOMBIA</option>
            <option value="CK">COMOROS</option>
            <option value="CL">CONGO</option>
            <option value="CM">COOK ISLANDS</option>
            <option value="CN">CORSICA</option>
            <option value="CP">COSTA RICA</option>
            <option value="CQ">COTE D'IVORIE</option>
            <option value="CS">CUBA</option>
            <option value="DB">DJIBOUTI</option>
            <option value="DD">DOMINICA</option>
            <option value="DF">DOMINICAN REPUBLIC</option>
            <option value="ZZ">DUTCH CARIBBEAN</option>
            <option value="EA">EAST TIMOR</option>
            <option value="EB">EASTER ISLAND</option>
            <option value="EC">ECUADOR</option>
            <option value="ED">EGYPT</option>
            <option value="EE">EL SALVADOR</option>
            <option value="EG">EQUATORIAL GUINEA</option>
            <option value="EH">ERITREA</option>
            <option value="EJ">ETHIOPIA</option>
            <option value="FA">FALKLAND ISLANDS</option>
            <option value="FB">FAROE ISLANDS</option>
            <option value="FC">FIJI</option>
            <option value="FF">FRENCH GUIANA</option>
            <option value="FG">FRENCH POLYNESIA</option>
            <option value="GB">GABON</option>
            <option value="GC">GAMBIA</option>
            <option value="GD">GEORGIA, REPUBLIC OF</option>
            <option value="GF">GHANA</option>
            <option value="GG">GIBRALTAR</option>
            <option value="GJ">GREENLAND</option>
            <option value="GK">GRENADA</option>
            <option value="GL">GUADELOUPE</option>
            <option value="GM">GUATEMALA</option>
            <option value="GN">GUINEA</option>
            <option value="GO">GUINEA-BISSAU</option>
            <option value="GP">GUYANA</option>
            <option value="HA">HAITI</option>
            <option value="HB">HONDURAS</option>
            <option value="HC">HONG KONG</option>
            <option value="IC">INDIA</option>
            <option value="IE">INDONESIA</option>
            <option value="IF">IRAN</option>
            <option value="IG">IRAQ</option>
            <option value="II">ISRAEL</option>
            <option value="JA">JAMAICA</option>
            <option value="JB">JAPAN</option>
            <option value="JC">JORDAN</option>
            <option value="KA">KAMPUCHEA (CAMBODIA)</option>
            <option value="KB">KAZAKSTAN</option>
            <option value="KC">KENYA</option>
            <option value="KD">KIRIBATI</option>
            <option value="KE">KOREA, PEOPLES REP. OF (NORTH)</option>
            <option value="KF">KOREA, REPUBLIC OF (SOUTH)</option>
            <option value="KG">KUWAIT</option>
            <option value="KH">KYRGYZSTAN</option>
            <option value="LB">LAOS</option>
            <option value="LD">LEBANON</option>
            <option value="LE">LESOTHO</option>
            <option value="LF">LIBERIA</option>
            <option value="LG">LIBYA</option>
            <option value="MC">MACAU</option>
            <option value="MF">MACEDONIA</option>
            <option value="MG">MADAGASCAR</option>
            <option value="MJ">MADEIRA ISLANDS</option>
            <option value="MK">MALAWI</option>
            <option value="ML">MALAYSIA</option>
            <option value="MM">MALDIVES</option>
            <option value="MQ">MALI</option>
            <option value="MU">MARTINIQUE</option>
            <option value="MV">MAURITANIA</option>
            <option value="MW">MAURITIUS</option>
            <option value="MY">MOLDOVA</option>
            <option value="MZ">MONACO</option>
            <option value="M2">MONGOLIA</option>
            <option value="M3">MONTENEGRO</option>
            <option value="M4">MONTSERRAT</option>
            <option value="M5">MOROCCO</option>
            <option value="M6">MOZAMBIQUE</option>
            <option value="M7">MYANMAR (BURMA)</option>
            <option value="NA">NAMIBIA</option>
            <option value="NG">NAURU</option>
            <option value="NI">NEPAL</option>
            <option value="NL">NETHERLANDS ANTILLES</option>
            <option value="NN">NEW CALEDONIA</option>
            <option value="NO">NEW ZEALAND</option>
            <option value="NP">NICARAGUA</option>
            <option value="NQ">NIGER</option>
            <option value="NR">NIGERIA</option>
            <option value="OA">OMAN</option>
            <option value="PB">PAKISTAN</option>
            <option value="PC">PANAMA</option>
            <option value="PD">PAPUA NEW GUINEA</option>
            <option value="PF">PARAGUAY</option>
            <option value="PG">PERU</option>
            <option value="PH">PHILIPPINES</option>
            <option value="PI">PITCAIRN ISLANDS</option>
            <option value="QA">QATAR</option>
            <option value="RA">REUNION</option>
            <option value="RC">RUSSIA</option>
            <option value="RD">RWANDA</option>
            <option value="SA">SAN MARINO</option>
            <option value="SB">SAO TOME &amp; PRINCIPE</option>
            <option value="SE">SAUDI ARABIA</option>
            <option value="SG">SENEGAL</option>
            <option value="SH">SERBIA</option>
            <option value="SI">SEYCHELLES</option>
            <option value="SJ">SIERRA LEONE</option>
            <option value="SL">SINGAPORE</option>
            <option value="SO">SOLOMON ISLANDS</option>
            <option value="SP">SOMALIA</option>
            <option value="SQ">SOUTH AFRICA</option>
            <option value="SX">SRI LANKA</option>
            <option value="SS">ST HELENA</option>
            <option value="ST">ST KITTS &amp; NEVIS</option>
            <option value="SU">ST LUCIA</option>
            <option value="SV">ST PIERRE &amp; MIQUELON</option>
            <option value="SW">ST VINCENT &amp; THE GRENADINES</option>
            <option value="SY">SUDAN</option>
            <option value="SZ">SURINAME</option>
            <option value="S2">SWAZILAND</option>
            <option value="S5">SYRIA</option>
            <option value="TA">TAIWAN, REP. OF CHINA</option>
            <option value="TB">TAJIKISTAN</option>
            <option value="TC">TANZANIA</option>
            <option value="TD">THAILAND</option>
            <option value="TE">TOGO</option>
            <option value="TF">TONGA</option>
            <option value="TG">TRINIDAD &amp; TOBAGO</option>
            <option value="TH">TRISTAN DA CUNHA</option>
            <option value="TI">TUNISIA</option>
            <option value="TJ">TURKEY</option>
            <option value="TK">TURKMENISTAN</option>
            <option value="TL">TURKS &amp; CAICOS ISLANDS</option>
            <option value="TM">TUVALU</option>
            <option value="UA">UGANDA</option>
            <option value="UB">UKRAINE</option>
            <option value="UC">UNITED ARAB EMIRATES</option>
            <option value="UD">URUGUAY</option>
            <option value="UE">UZBEKISTAN</option>
            <option value="VB">VANUATU</option>
            <option value="VC">VATICAN CITY</option>
            <option value="VD">VENEZUELA</option>
            <option value="VE">VIETNAM</option>
            <option value="WC">WALLIS &amp; FUTUNA ISLANDS</option>
            <option value="WD">WESTERN SAMOA</option>
            <option value="YA">YEMEN</option>
            <option value="ZA">ZAIRE</option>
            <option value="ZB">ZAMBIA</option>
            <option value="ZC">ZIMBABWE</option>
          </select><label for="mailing_country" class="sub-title smaller-left-position country-top raise_field_label">Country</label></div>
        <div id="error-msg__mailing-country" aria-live="assertive"></div>
      </div>
      <div class="col-xs-6 col-sm-6 col-sm-6 col-md-6 aarp-privacy-policy" style="display:none">
        <p><span>AARP is headquartered in the United States. By providing your information on this website you explicitly consent to the transfer, storage, and processing of your personal information in the United States. The United States may have
            different standards for the processing and storage of personal information than your country of residence. For more information, see
            our</span>&nbsp;<span><a href="http://www.aarp.org/about-aarp/privacy-policy/" target="_blank" title="Privacy policy" rel="noopener noreferrer" data-di-id="di-id-18f87ca1-9281c2bf">Privacy Policy.</a></span></p>
      </div>
    </div>
    <script type="text/javascript">
      var country = document.getElementById("mailing_country").value;
      if ("US" !== country) {
        var $zipCode = document.getElementById("postal_code");
        $zipCode.setAttribute("maxlength", "11"), $zipCode.setAttribute("type", "text")
      }
    </script>
    <div>
      <script>
        try {
          //Google address auto complete
          var addressEle = document.getElementById('street_number');
          var autocomplete;
          var componentForm = {
            street_number: 'short_name',
            route: 'short_name',
            locality: 'long_name',
            administrative_area_level_1: 'short_name',
            postal_code: 'short_name'
          };

          function initAutocomplete() {
            var options = {
              types: ['geocode'],
              componentRestrictions: {
                country: "US"
              }
            };
            if (typeof google !== 'undefined') {
              // Create the autocomplete object, restricting the search to geographical location types.
              autocomplete = new google.maps.places.Autocomplete(
                /** @type {!HTMLInputElement} */
                (document.getElementById('street_number')), options);
              // Set the data fields to return when the user selects a place.
              autocomplete.setFields(["address_components"]);
              // When the user selects an address from the dropdown, populate the address fields in the form.
              autocomplete.addListener('place_changed', fillInAddress);
            }
          }

          function fillInAddress() {
            // Get the place details from the autocomplete object.
            var place = autocomplete.getPlace();
            for (var component in componentForm) {
              document.getElementById(component).value = '';
              document.getElementById(component).disabled = false;
            }
            var fullAddress = [];
            // Get each component of the address from the place details and fill the corresponding field on the form.
            for (var i = 0; i < place.address_components.length; i++) {
              var addressType = place.address_components[i].types[0];
              if (componentForm[addressType]) {
                var val = place.address_components[i][componentForm[addressType]];
                document.getElementById(addressType).value = val;
              }
              if (addressType == "street_number") {
                fullAddress[0] = val;
              } else if (addressType == "route") {
                fullAddress[1] = val;
              }
            }
            document.getElementById('street_number').value = fullAddress.join(" ");
            document.getElementById('route').value = "";
            $j('input#street_number, input#route, input#locality, div#MailingZipRow input#postal_code, select#administrative_area_level_1').trigger('input').trigger('change').trigger('keydown').trigger("focus");
          }
          (function() {
            if (addressEle) {
              addressEle.addEventListener("focus", function() {
                if (typeof google === 'undefined' || !google.maps?.places?.Autocomplete) {
                  var script = document.createElement('script');
                  script.setAttribute('src', 'https://maps.googleapis.com/maps/api/js?key=AIzaSyB3yQi2G4qZ6ZfVr6LzNY6QEAVxSDK4qXM&libraries=places');
                  script.setAttribute('type', 'text/javascript');
                  script.onload = initAutocomplete;
                  document.getElementsByTagName("head")[0].appendChild(script);
                }
              });
              addressEle.addEventListener("keyup", function() {
                const pacContainer = document.getElementsByClassName('pac-container');
                const pacItems = document.querySelectorAll(".pac-item");
                if (pacContainer && pacContainer.length > 0) {
                  pacContainer[0].setAttribute("role", "listbox");
                  pacContainer[0].setAttribute("tabindex", "0");
                }
                if (pacItems && pacItems.length > 0) {
                  pacItems.forEach((element) => {
                    element.setAttribute("role", "option");
                    element.setAttribute("tabindex", "0");
                  });
                }
              });
            }
          })();
        } catch (error) {
          console.error('Error in Google Address Autocomplete', +error);
        }
      </script>
    </div>
  </div>
  <div>
    <div id="login_section" style="display: block;">
      <div>
        <div class="bordered-focus-container sudo-checkbox-container pos-rel checkbox--align" style="margin-bottom:40px"><input type="checkbox" class="check-avail" data-di-field-id="spanishMaterials" name="spanishMaterials" id="mem-material"
            aria-label="Please send my membership materials in Spanish." data-di-id="#mem-material">
          <div class="sudo-checkbox pull-left"><span class="icon-check-correct"></span></div><span for="mem-material" class="mem-label">Please send my membership materials in Spanish.</span>
        </div>
      </div>
      <div style="padding-bottom:50px">
        <div class="spouseTitleSection">
          <h2 class="formLabel spouseFormLabel" style="display:inline-block">Spouse/Partner Information</h2><span class="optionalField">(Optional)</span>
          <div class="slab-horizontal-spouse" style="margin-top:10px">Membership fee includes spouse/partner for free. He or she will also receive a membership card.</div>
        </div>
        <div class="row">
          <div class="col-sm-6 col-md-6 col-lg-6 form-group padd-Right" id="SpouseFirstNameRow">
            <div class="bordered-focus-container"><input maxlength="15" type="text" class="form-control form-field" autocomplete="on" aria-required="false" aria-describedby="error-msg__spouse-first-name" data-di-field-id="spFirstName"
                aria-label="Spouse First Name" id="membershipVO.spFirstName" name="membershipVO.spFirstName" value="" data-di-id="#membershipVO.spFirstName"><label for="membershipVO.spFirstName" id="spFirstName" class="sub-title show">First
                Name</label></div>
            <div id="error-msg__spouse-first-name" aria-live="assertive"></div>
          </div>
          <div class="col-sm-6 col-md-6 col-lg-6 form-group lastName" id="SpouseLastNameRow">
            <div class="bordered-focus-container"><input maxlength="25" type="text" class="form-control form-field" aria-required="false" autocomplete="on" aria-describedby="error-msg__spouse-last-name" data-di-field-id="spLastName"
                aria-label="Spouse Last Name" id="membershipVO.spLastName" name="membershipVO.spLastName" value="" data-di-id="#membershipVO.spLastName"><label for="membershipVO.spLastName" id="spLastName" class="sub-title show">Last Name</label>
            </div>
            <div id="error-msg__spouse-last-name" aria-live="assertive"></div>
          </div>
        </div>
      </div>
      <div>
        <div class="form-group">
          <div class="row createSession" style="padding:42px 45px 0 30px;margin:0;padding-right:20%;margin-left:-30px;width:120%;border-bottom:solid #d5d5d5 1px">
            <div class="col-xs-12 col-sm-10 col-md-12 col-lg-12" style="padding:0">
              <h2 class="formLabel spouseFormLabel hidden-xs" style="margin-bottom:10px;margin-top:0!important">Create your AARP online account</h2>
              <div class="visible-xs col-xs-12" style="padding-left:0">
                <h2 class="col-xs-12" style="margin-bottom:10px;margin-top:0!important;font-size:20px;font-weight:700;padding-left:0">Create your AARP online account</h2>
              </div>
              <div class="modal fade" id="onlineAccountModalText" tabindex="-1" role="dialog" data-di-field-id="onlineAccountModalText" data-backdrop="static" aria-labelledby="Why Create online Account link-info" aria-modal="true">
                <div class="modal-dialog modal-md join-diolog" role="document">
                  <div class="modal-content" style="border-radius:0;background-color:#f5f5f5">
                    <div class="modal-body" style="padding:30px">
                      <div class="close renew-crossIcon" data-dismiss="modal" aria-label="Close Why Create online Account modal" style="margin:0!important;position:fixed;right:10px;top:14px"><span class="renew-blockIcon"></span></div>
                      <div class="row">
                        <div class="col-xs-11">
                          <div style="font-size:20px;font-weight:700;color:#000;margin-bottom:13px">Why create your AARP online account</div>
                        </div>
                        <div class="createPasswordsubHeading" style="padding-left:11px;padding-top:15px;color:#000">
                          <div class="createinfosubhead">Creating an account allows you to:</div>
                          <ul style="padding-left:5px">
                            <li class="discStyle">Get instant access to your membership card</li>
                            <li class="discStyle">Manage your account and communications preferences</li>
                            <li class="discStyle">Enroll in our free rewards program</li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div id="error-msg__createAccount-error-msg" aria-live="assertive" style="text-align:left;margin:8px 0 11px 0;display:block" role="alert"></div>
              <div style="margin-bottom:10px">
                <div class="alreadyLoginLink">
                  <a href="javascript:void(0)" role="button" data-toggle="modal" data-target="#loginModal" data-di-field-id="already_login" id="already_login" aria-label="Already have a login" data-formelementid="MEM-APP-PW-INFLOW-AlreadyHaveALogin" data-di-id="#already_login"><span>Already have a login</span><span class="icon-right-arrow" title="RIGHT ARROW"></span></a>
                </div>
              </div>
              <div class="createPasswordsubHeading">
                <div class="boldcreateinfosubhead">Creating an account allows you to:</div>
                <ul style="padding-left:12px">
                  <li class="discStyle">Get instant access to your membership card</li>
                  <li class="discStyle">Manage your account and communications preferences</li>
                  <li class="discStyle">Enroll in our free rewards program</li>
                </ul>
              </div>
            </div>
            <div class="col-xs-12 col-sm-11 col-md-5 col-lg-6 emailBlog renew_Login_Email padd-Right showEmail joinEmailPadd">
              <div class="form-group margin-0" id="EmailRow">
                <div class="bordered-focus-container"><input type="email" class="form-control form-field" id="email_registration_input" aria-describedby="error-msg__email" required="required" data-di-field-id="email" aria-label="Email Address"
                    aria-required="true" autocomplete="email" name="membershipVO.email" value="" data-di-id="#email_registration_input"><label for="membershipVO.email" class="sub-title">Email Address</label></div>
                <div id="error-msg__email" aria-live="assertive"></div>
              </div>
              <div class="createContent createLoginContent">This will be your AARP login and will allow you to stay informed. You can change your communication preferences at any time.</div>
              <div id="suggestion" style="display:none"></div>
              <div class="visible-xs">
                <div id="emailDomainOptions" class="emailblock" style="display:none"><span class="suggesttext" style="margin-left:11px">SUGGESTED DOMAINS:</span>
                  <div class="flex-container">
                    <div class="emailbtn" data-formelementid="MEM-EMAIL-ENTRY-GOOGLE" role="button" title="Gmail">@gmail.com</div>
                    <div class="emailbtn" data-formelementid="MEM-EMAIL-ENTRY-YAHOO" role="button" title="Yahoo">@yahoo.com</div>
                  </div>
                  <div class="flex-container">
                    <div class="emailbtn" data-formelementid="MEM-EMAIL-ENTRY-AOL" role="button" title="Aol">@aol.com</div>
                    <div class="emailbtn" data-formelementid="MEM-EMAIL-ENTRY-HOTMAIL" role="button" title="Hotmail">@hotmail.com</div>
                  </div>
                </div>
              </div>
              <div class="valid-field-checkmark"></div>
              <script>
                var defaultDomains = ["gmail.com", "yahoo.com", "aol.com", "hotmail.com", "comcast.net", "msn.com", "sbcglobal.net", "att.net", "outlook.com", "cox.net", "icloud.com", "bellsouth.net", "verizon.net", "charter.net", "mail.com",
                    "me.com", "juno.com", "roadrunner.com", "earthlink.net", "centurylink.net", "netzero.com", "pacbell.net", "netscape.net"
                  ],
                  defaultTopLevelDomains = ["co.jp", "co.uk", "com", "net", "org", "info", "edu", "gov", "mil", "ca"],
                  defaultSecondLevelDomains = ["yahoo", "hotmail", "mail", "aol", "outlook", "gmail", "msn", "comcast", "att"],
                  Mailcheck = {
                    domainThreshold: 2,
                    secondLevelThreshold: 2,
                    topLevelThreshold: 2,
                    run: function(e) {
                      e.domains = e.domains || defaultDomains, e.secondLevelDomains = e.secondLevelDomains || defaultSecondLevelDomains, e.topLevelDomains = e.topLevelDomains || defaultTopLevelDomains, e.distanceFunction = e.distanceFunction ||
                        Mailcheck.sift4Distance;
                      var n = function(e) {
                          return e
                        },
                        o = e.suggested || n,
                        a = e.empty || n,
                        t = Mailcheck.suggest(Mailcheck.encodeEmail(e.email), e.domains, e.secondLevelDomains, e.topLevelDomains, e.distanceFunction);
                      return t ? o(t) : a()
                    },
                    suggest: function(e, n, o, a, t) {
                      e = e.toLowerCase();
                      var i = this.splitEmail(e);
                      if (o && a && -1 !== o.indexOf(i.secondLevelDomain) && -1 !== a.indexOf(i.topLevelDomain)) return !1;
                      var l = this.findClosestDomain(i.domain, n, t, this.domainThreshold);
                      if (l) return l != i.domain && {
                        address: i.address,
                        domain: l,
                        full: i.address + "@" + l
                      };
                      var r = this.findClosestDomain(i.secondLevelDomain, o, t, this.secondLevelThreshold),
                        s = this.findClosestDomain(i.topLevelDomain, a, t, this.topLevelThreshold);
                      if (i.domain) {
                        l = i.domain;
                        var c = !1;
                        if (r && r != i.secondLevelDomain && (l = l.replace(i.secondLevelDomain, r), c = !0), s && s != i.topLevelDomain && "" !== i.secondLevelDomain && (l = l.replace(new RegExp(i.topLevelDomain + "$"), s), c = !0), c) return {
                          address: i.address,
                          domain: l,
                          full: i.address + "@" + l
                        }
                      }
                      return !1
                    },
                    findClosestDomain: function(e, n, o, a) {
                      var t;
                      a = a || this.topLevelThreshold;
                      var i = 1 / 0,
                        l = null;
                      if (!e || !n) return !1;
                      o || (o = this.sift4Distance);
                      for (var r = 0; r < n.length; r++) {
                        if (e === n[r]) return e;
                        (t = o(e, n[r])) < i && (i = t, l = n[r])
                      }
                      return i <= a && null !== l && l
                    },
                    sift4Distance: function(e, n, o) {
                      if (void 0 === o && (o = 5), !e || !e.length) return n ? n.length : 0;
                      if (!n || !n.length) return e.length;
                      for (var a = e.length, t = n.length, i = 0, l = 0, r = 0, s = 0, c = 0, m = []; i < a && l < t;) {
                        if (e.charAt(i) == n.charAt(l)) {
                          s++;
                          for (var d = !1, u = 0; u < m.length;) {
                            var h = m[u];
                            if (i <= h.c1 || l <= h.c2) {
                              (d = Math.abs(l - i) >= Math.abs(h.c2 - h.c1)) ? c++ : h.trans || (h.trans = !0, c++);
                              break
                            }
                            i > h.c2 && l > h.c1 ? m.splice(u, 1) : u++
                          }
                          m.push({
                            c1: i,
                            c2: l,
                            trans: d
                          })
                        } else {
                          r += s, s = 0, i != l && (i = l = Math.min(i, l));
                          for (var f = 0; f < o && (i + f < a || l + f < t); f++) {
                            if (i + f < a && e.charAt(i + f) == n.charAt(l)) {
                              i += f - 1, l--;
                              break
                            }
                            if (l + f < t && e.charAt(i) == n.charAt(l + f)) {
                              i--, l += f - 1;
                              break
                            }
                          }
                        }
                        l++, (a <= ++i || t <= l) && (r += s, s = 0, i = l = Math.min(i, l))
                      }
                      return r += s, Math.round(Math.max(a, t) - r + c)
                    },
                    splitEmail: function(e) {
                      var n = (e = null !== e ? e.replace(/^\s*/, "").replace(/\s*$/, "") : null).split("@");
                      if (n.length < 2) return !1;
                      for (var o = 0; o < n.length; o++)
                        if ("" === n[o]) return !1;
                      var a = n.pop(),
                        t = a.split("."),
                        i = "",
                        l = "";
                      if (0 === t.length) return !1;
                      if (1 == t.length) l = t[0];
                      else {
                        i = t[0];
                        for (var r = 1; r < t.length; r++) l += t[r] + ".";
                        l = l.substring(0, l.length - 1)
                      }
                      return {
                        topLevelDomain: l,
                        secondLevelDomain: i,
                        domain: a,
                        address: n.join("@")
                      }
                    },
                    encodeEmail: function(e) {
                      return encodeURI(e).replace("%20", " ").replace("%25", "%").replace("%5E", "^").replace("%60", "`").replace("%7B", "{").replace("%7C", "|").replace("%7D", "}")
                    }
                  };
                "undefined" != typeof window && window.jQuery && (jQuery.fn.mailcheck = function(e) {
                  var n = this;
                  if (e.suggested) {
                    var o = e.suggested;
                    e.suggested = function(e) {
                      o(n, e)
                    }
                  }
                  if (e.empty) {
                    var a = e.empty;
                    e.empty = function() {
                      a.call(null, n)
                    }
                  }
                  e.email = this.val(), Mailcheck.run(e)
                })
              </script>
            </div>
            <div style="padding-left:0" class="col-xs-12 col-sm-11 col-md-6 col-lg-5 form-group emailBlog pwdalign">
              <div class="form-group margin-0" id="PasswordRow">
                <div class="bordered-focus-container"><input type="password" id="password" data-di-field-id="password" class="form-control form-field" autocomplete="new-password" maxlength="64" aria-describedby="error-msg__reg-password"
                    required="required" name="membershipVO.manage" aria-label="Password" aria-required="true" data-di-id="#password">
                  <div class="show_icon_container bordered-focus-container" id="showIconContainer"><span tabindex="0" id="showPassword" for="showHide" class="show_icon_with_container" aria-label="Show" aria-live="assertive" role="button">Show</span>
                  </div><label class="sub-title">Password</label>
                </div><span class="optionalField" id="optional_password" style="display:none" aria-label="(Optional)">(Optional)</span>
                <div id="password-success" class="hidden password__success"><img class="password__svg" src="https://assets.aarp.org/aarp.org_/web/images/membership/green-check-mark.svg" alt="green check mark"><span role="status"></span></div>
                <div id="error-msg__reg-password" aria-live="assertive"></div>
                <div class="valid-field-checkmark"></div>
                <div class="password-help-icon no-focus-border help-icon">
                  <a href="javascript:void(0);" id="password-help-icon" onfocus="event.target.children[0].focus()" class="no-focus-border" aria-label="help icon" data-di-id="#password-help-icon"><img src="https://assets.aarp.org/aarp.org_/web/images/membership/circled-question-mark.svg" width="36" height="36" alt="help icon"></a>
                </div>
                <div tabindex="0" class="password__modal hidden" id="password-help" aria-label="Password tooltip" role="tooltip" aria-hidden="false">
                  <div class="password-help password__tooltip" id="password-tooltip">
                    <div id="passwordTooltipArea" class="hidden-xs" style="z-index:100"></div>
                    <div class="password__tooltip-triangle">
                      <div class="password__tooltip-inner-triangle"></div>
                    </div>
                    <a tabindex="0" role="button" class="no-focus-border"><img class="password__cross" id="password-help-close" src="https://assets.aarp.org/aarp.org_/web/images/membership/cross.svg" alt="Close password tooltip" role="button"></a>
                    <div id="password-help-tooltip-content" aria-live="assertive" style="position:relative;z-index:110">
                      <p tabindex="0" class="password__help-heading no-focus-border" role="heading" aria-level="3">Create a Secure Password</p>
                      <p>Using a phrase as your password makes it easier to remember and harder to crack.</p>
                      <p class="password__example"><img class="password__svg" src="https://assets.aarp.org/aarp.org_/web/images/membership/Icon_X_24px.svg" alt="Image Wrong" aria-label="Image Wrong"><span>Champ</span></p>
                      <p class="password__example"><img class="password__svg" src="https://assets.aarp.org/aarp.org_/web/images/membership/Icon_Check_24px.svg" alt="Image Correct" aria-label="Image Correct"><span>My dog's name is Champ</span></p>
                      <div onfocus="passwordTooltipLoop()" tabindex="0" style="font-size:0" aria-label=""></div>
                    </div>
                  </div>
                </div>
                <script>
                  //<![CDATA[
                  var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
                  var isMobileDevice = width <= 768;
                  var passwordHelpIcon = document.getElementById('password-help-icon');
                  var passwordSuccess = document.getElementById('password-success');
                  var loginModal = document.getElementById('loginModal');
                  var mainElement = document.getElementsByTagName('body')[0];
                  var mainPageElements;
                  var desktopBehaviour = false;
                  var passwordHelp, passwordHelpText, passwordHelpClose, passwordSuccess, passwordTooltipArea, modalContent, passwordMobileCloseCTA;
                  if (isMobileDevice) {
                    passwordHelp = document.getElementById('password-help-mobile');
                    passwordHelpText = document.getElementById('password-help-text-mobile');
                    passwordHelpClose = document.getElementById('password-help-close-mobile');
                    passwordTooltipArea = document.getElementById('passwordTooltipArea-mobile');
                    modalContent = document.getElementById('password-help-tooltip-content-mobile');
                    passwordMobileCloseCTA = document.getElementById('passwordTooltipMobileCloseCTA');
                  }
                  if (!isMobileDevice || !passwordHelp) { // if desktop, or mobile modal is not imported
                    passwordHelp = document.getElementById('password-help');
                    passwordHelpText = document.getElementById('password-help-text');
                    passwordHelpClose = document.getElementById('password-help-close');
                    passwordTooltipArea = document.getElementById('passwordTooltipArea');
                    modalContent = document.getElementById('password-help-tooltip-content');
                    desktopBehaviour = true;
                    passwordMobileCloseCTA = null;
                  }
                  // prevent scrolling on password icon and close icon pressed with space bar
                  window.addEventListener('keydown', function(e) {
                    if (e.keyCode === 32 && (e.target.parentElement == passwordHelpIcon || e.target == passwordMobileCloseCTA)) {
                      e.preventDefault();
                    }
                  })

                  function showPasswordTooltip() {
                    passwordHelp.classList.remove('hidden');
                    passwordHelp.focus();
                    if (isMobileDevice && !desktopBehaviour) {
                      if (!mainPageElements) {
                        mainPageElements = [
                          document.getElementsByTagName('header')[0],
                          document.getElementsByClassName('container content-footer-spacing')[0],
                          document.querySelector('.embeddedServiceHelpButton')
                        ];
                      }
                      mainPageElements.forEach(elem => {
                        elem.setAttribute("aria-hidden", "true");
                      });
                      const body = document.querySelector("body");
                      const modal = document.querySelector("#password-help-mobile");
                      body.classList.add("modal-open");
                      body.style.pointerEvents = "none";
                      body.style.position = "fixed";
                      modal.style.pointerEvents = "auto";
                    }
                  }

                  function passwordTooltipLoop() {
                    passwordHelp.focus();
                    passwordHelpClose.parentElement.focus();
                    console.log('password tooltip loop')
                  }

                  function hidePasswordTooltip() {
                    passwordHelp.classList.add('hidden');
                    if (isMobileDevice && !desktopBehaviour) {
                      mainPageElements.forEach(elem => {
                        elem.setAttribute("aria-hidden", "false");
                      });
                      passwordHelpIcon.focus();
                      const body = document.querySelector("body");
                      const modal = document.querySelector("#password-help-mobile");
                      body.classList.remove("modal-open");
                      body.style.pointerEvents = "unset";
                      body.style.position = "unset";
                      modal.style.pointerEvents = "unset";
                    }
                  }

                  function isElementPartOfModalContent(element) {
                    if (element === modalContent) {
                      return true;
                    }
                    var modalContentChildren = Array.from(modalContent.children);
                    return modalContentChildren.includes(element);
                  }
                  if (passwordHelpIcon) {
                    passwordHelpIcon.addEventListener('click', function(e) {
                      showPasswordTooltip();
                    });
                    passwordHelpIcon.addEventListener('mouseover', function(e) {
                      showPasswordTooltip();
                    });
                    passwordHelpIcon.addEventListener('keyup', function(e) {
                      if (e.keyCode === 13 || e.keyCode === 32) {
                        e.preventDefault()
                        showPasswordTooltip();
                      }
                    });
                  }
                  if (passwordHelp) {
                    passwordHelp.addEventListener('blur', function(e) {
                      if (!isMobileDevice && !isElementPartOfModalContent(e.relatedTarget)) {
                        hidePasswordTooltip();
                      }
                    });
                    passwordHelp.addEventListener('keyup', function(e) {
                      if (e.keyCode === 27) {
                        passwordHelp.blur();
                      }
                    });
                  }
                  if (passwordTooltipArea) {
                    passwordTooltipArea.addEventListener('mouseout', function(e) {
                      if (!isElementPartOfModalContent(e.relatedTarget)) {
                        hidePasswordTooltip();
                      }
                    });
                  }
                  if (passwordHelpClose) {
                    passwordHelpClose.addEventListener('click', function(e) {
                      hidePasswordTooltip();
                    });
                  }
                  if (passwordMobileCloseCTA) {
                    passwordMobileCloseCTA.addEventListener('keyup', function(e) {
                      if (e.keyCode === 13 || e.keyCode === 32) {
                        hidePasswordTooltip();
                      }
                    })
                    passwordMobileCloseCTA.addEventListener('click', function(e) {
                      hidePasswordTooltip();
                    })
                  }
                  document.onclick = function(event) {
                    var passwordHelpIconMobile = document.getElementById('password-help-icon-mobile')
                    if (!isMobileDevice && passwordHelp != undefined && (event.target == passwordHelp || event.target == loginModal || (mainElement.contains(event.target) && event.target != passwordHelpIcon && event.target !=
                        passwordHelpIconMobile && !isElementPartOfModalContent(event.target)))) {
                      hidePasswordTooltip();
                    }
                  }
                  //]]>
                </script>
              </div>
              <div class="create_english_content createContent">8-64 characters in length. Enter a phrase you will remember.</div>
            </div>
          </div>
          <div class="row createSession" style="padding:42px 45px 30px 30px;margin:0;padding-right:20%;margin-left:-30px;width:120%">
            <div class="aarpRegistrationTermAndCondition" id="regTermsRow">
              <h3 class="pwdflowTermsheading online-account-terms-heading">Online Account Terms and Conditions</h3><span class="ar-terms-sub-title">By providing the AARP login email address and password above, you agree to AARP&nbsp;</span><span
                class="ar-terms-sub-title inline"><a href="http://www.aarp.org/about-aarp/info-05-2010/terms_of_service.html" rel="noopener noreferrer" data-di-field-id="Pwd_inflow_TermsofService" target="_blank" title="Terms of Service" data-formelementid="MEM-APP-PW-INFLOW-TermsofService" data-di-id="di-id-6cbc61a3-fdea90fe"><b class="text tcText">Terms of Service</b></a></span><br
                class="hidden-xs hidden-sm hidden-md"><span class="ar-terms-sub-title">&nbsp;and&nbsp;</span><span
                class="ar-terms-sub-title inline"><a href="http://www.aarp.org/about-aarp/info-05-2010/privacypolicy.html" rel="noopener noreferrer" data-di-field-id="Pwd_inflow_PrivacyPolicy" target="_blank" title="Privacy Policy" data-formelementid="MEM-APP-PW-INFLOW-PrivacyPolicy" data-di-id="di-id-b59e3e00-9da1cc81"><b class="text tcText">Privacy Policy</b></a>.</span>
              <div class="bordered-focus-container sudo-checkbox-container pos-rel checkbox--align"><input type="checkbox" id="reg-terms-checkbox" tabindex="0" data-selectorid="MEM-APP-PW-INFLOW-RENEW-AcceptTermsAndConditions" class="check-avail"
                  aria-describedby="error-msg__reg-terms-conditions" require="true" data-di-field-id="regTermsAndConditions" name="regTermsAndConditions" data-di-id="#reg-terms-checkbox">
                <div class="sudo-checkbox pull-left"><span class="icon-check-correct"></span></div><label style="align-self:center" class="ar-terms-checkbox" for="reg-terms-checkbox">I accept the online account terms and conditions.</label>
              </div>
              <div id="error-msg__reg-terms-conditions" aria-live="assertive"></div>
            </div>
          </div>
        </div>
        <div>
          <script>
            //<![CDATA[
            var showTxt = "Show",
              hideTxt = "Hide",
              flow = "join",
              passwordInput = document.getElementById('show');
            var forgot_password = "https:\/\/secure.aarp.org\/applications\/user\/reset\/requestReset";
            var forgotPwdLink = document.getElementById('forgotpwd')
            if (forgotPwdLink && flowType == 'mojo') {
              var redirectUrl = `${hostURI}/mem/cardboarding`;
              forgotPwdLink.href = forgot_password + `?request_locale=${locale}&referrer=` + redirectUrl + filteredurlParams;
            } else {
              forgotPwdLink.href = forgot_password + `?request_locale=${locale}&referrer=` + window.location.origin + window.location.pathname + filteredurlParams;
            }
            var showPassword = document.getElementById('showPassword');
            if (showPassword) {
              showPassword.addEventListener('keyup', function(e) {
                if (e.keyCode === 13) {
                  toggle_password(e.target, "password");
                }
              });
              showPassword.addEventListener('focus', function(e) {
                const usesContainer = showPassword.classList.contains("show_icon_with_container");
                const outerDiv = usesContainer ? showPassword.parentElement.parentElement : showPassword.parentElement;
                outerDiv.classList.remove("bordered-focus-container");
              });
              showPassword.addEventListener('blur', function(e) {
                const usesContainer = showPassword.classList.contains("show_icon_with_container");
                const outerDiv = usesContainer ? showPassword.parentElement.parentElement : showPassword.parentElement;
                outerDiv.classList.add("bordered-focus-container");
              });
            }

            function toggle_password(ele, passwordId) {
              var passwordInput = passwordId && document.getElementById(passwordId) ? document.getElementById(passwordId) : ele.previousSibling;
              var passwordInputType = passwordInput.getAttribute('type');
              var attributeValue = (passwordInputType === 'password') ? 'text' : 'password';
              var currentPasswordTxt = ele.textContent;
              var passwordTxt = (currentPasswordTxt === showTxt) ? hideTxt : showTxt;
              ele.textContent = passwordTxt;
              ele.setAttribute("aria-label", passwordTxt);
              passwordInput.setAttribute('type', attributeValue);
            }
            var showPasswordContainer = document.getElementById("showIconContainer");
            if (showPasswordContainer && showPassword) {
              showPasswordContainer.addEventListener('click', () => {
                toggle_password(showPassword, "password");
                showPassword.focus();
              });
            }
            //]]>
          </script>
        </div>
      </div>
    </div>
  </div>
  <div>
    <div id="MembershipFeeRow" style="display: block">
      <div class="form-group pos-rel margin-bottom-20" id="membership-fee" name="membershipFee">
        <div class="row member-fee" style="margin:0">
          <style type="text/css" media="screen" data-di-track="1">
            @charset "UTF-8";

            .sk-circle {
              width: 40px;
              height: 40px;
              position: relative
            }

            .sk-circle .sk-child {
              width: 100%;
              height: 100%;
              position: absolute;
              left: 0;
              top: 0
            }

            .sk-circle .sk-child:before {
              content: '';
              display: block;
              margin: 0 auto;
              width: 15%;
              height: 15%;
              background-color: #c23934;
              border-radius: 100%;
              -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
              animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
            }

            .sk-circle .sk-circle2 {
              -webkit-transform: rotate(30deg);
              -ms-transform: rotate(30deg);
              transform: rotate(30deg)
            }

            .sk-circle .sk-circle3 {
              -webkit-transform: rotate(60deg);
              -ms-transform: rotate(60deg);
              transform: rotate(60deg)
            }

            .sk-circle .sk-circle4 {
              -webkit-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
              transform: rotate(90deg)
            }

            .sk-circle .sk-circle5 {
              -webkit-transform: rotate(120deg);
              -ms-transform: rotate(120deg);
              transform: rotate(120deg)
            }

            .sk-circle .sk-circle6 {
              -webkit-transform: rotate(150deg);
              -ms-transform: rotate(150deg);
              transform: rotate(150deg)
            }

            .sk-circle .sk-circle7 {
              -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              transform: rotate(180deg)
            }

            .sk-circle .sk-circle8 {
              -webkit-transform: rotate(210deg);
              -ms-transform: rotate(210deg);
              transform: rotate(210deg)
            }

            .sk-circle .sk-circle9 {
              -webkit-transform: rotate(240deg);
              -ms-transform: rotate(240deg);
              transform: rotate(240deg)
            }

            .sk-circle .sk-circle10 {
              -webkit-transform: rotate(270deg);
              -ms-transform: rotate(270deg);
              transform: rotate(270deg)
            }

            .sk-circle .sk-circle11 {
              -webkit-transform: rotate(300deg);
              -ms-transform: rotate(300deg);
              transform: rotate(300deg)
            }

            .sk-circle .sk-circle12 {
              -webkit-transform: rotate(330deg);
              -ms-transform: rotate(330deg);
              transform: rotate(330deg)
            }

            .sk-circle .sk-circle2:before {
              -webkit-animation-delay: -1.1s;
              animation-delay: -1.1s
            }

            .sk-circle .sk-circle3:before {
              -webkit-animation-delay: -1s;
              animation-delay: -1s
            }

            .sk-circle .sk-circle4:before {
              -webkit-animation-delay: -.9s;
              animation-delay: -.9s
            }

            .sk-circle .sk-circle5:before {
              -webkit-animation-delay: -.8s;
              animation-delay: -.8s
            }

            .sk-circle .sk-circle6:before {
              -webkit-animation-delay: -.7s;
              animation-delay: -.7s
            }

            .sk-circle .sk-circle7:before {
              -webkit-animation-delay: -.6s;
              animation-delay: -.6s
            }

            .sk-circle .sk-circle8:before {
              -webkit-animation-delay: -.5s;
              animation-delay: -.5s
            }

            .sk-circle .sk-circle9:before {
              -webkit-animation-delay: -.4s;
              animation-delay: -.4s
            }

            .sk-circle .sk-circle10:before {
              -webkit-animation-delay: -.3s;
              animation-delay: -.3s
            }

            .sk-circle .sk-circle11:before {
              -webkit-animation-delay: -.2s;
              animation-delay: -.2s
            }

            .sk-circle .sk-circle12:before {
              -webkit-animation-delay: -.1s;
              animation-delay: -.1s
            }

            @ -webkit-keyframes sk-circleBounceDelay {
              transform: scale(0)
            }

            40% {
              -webkit-transform: scale(1);
              transform: scale(1)
            }

            40% {
              -webkit-transform: scale(1);
              transform: scale(1)
            }
          </style>
          <div>
            <style type="text/css" data-di-track="1">
              .ts-term-description-text.horizontal {
                display: none !important
              }
            </style>
          </div>
          <h2 class="top_buffer ts-big-text-label" role="heading" aria-level="2">Select Your Membership Term</h2>
          <div>
            <div>
              <a href="javascript:void(0);" class="visible-xs visible-sm learn-more-mob text-left" id="learn-more" data-toggle="modal" data-target="#offers-modal" tabindex="0" title="Learn More About Membership modal" data-formelementid="MEM-APP-PW-INFLOW-AboutMembership" data-di-id="#learn-more"><span>Learn More About Membership</span><span class="icon-right-arrow" title="RIGHT ARROW"></span></a>
              <div class="modal fade" id="offers-modal" tabindex="-1" role="dialog" data-backdrop="true">
                <div class="modal-dialog learnMoreModal" role="document">
                  <div class="modal-content">
                    <div><img class="learn-more-cross" id="learnMoreClose" style="margin-right:15px" src="https://assets.aarp.org/aarp.org_/web/images/membership/cross.svg" alt="Premium Modal Close">
                      <div class="left-rail">
                        <div style="overflow-y:scroll;display:block;height:100%">
                          <div>
                            <div class="web-offer-header margin-bottom-15"></div><img alt="Couple kayaking on lake" class="img-responsive web-large-offer-img margin-bottom-20 lazy-load-image"
                              data-image="https://3636432.app.netsuite.com/core/media/media.nl?id=8759&amp;c=3636432&amp;h=NxB8fgguwgh7EB80cRCXo_D-GJavuJ1fLnlxLcZgP4uI6VEn">
                            <script type="text/javascript">
                              //lazy load offer image upon opening of modal
                              document.addEventListener('DOMContentLoaded', function(e) {
                                var learnMoreLink = document.querySelector('.learn-more-mob');
                                if (learnMoreLink) learnMoreLink.addEventListener('click', function(e) {
                                  var offerImages = document.querySelectorAll('#MembershipFeeRow #offers-modal .lazy-load-image');
                                  if (offerImages) {
                                    for (let i = 0; i < offerImages.length; i++) {
                                      offerImages[i].src = offerImages[i].dataset.image;
                                      offerImages[i].classList.remove('lazy-load-image');
                                    }
                                  }
                                });
                              })
                            </script>
                          </div>
                        </div>
                        <div>
                          <div class="web-offer-summary"></div>
                          <div class="web-offer-desc">
                            <div class="left-rail-general">
                              <style scoped="" data-di-track="1">
                                .left-rail-general {
                                  line-height: normal;
                                }

                                .left-rail-text-box {
                                  padding: 5px;
                                  vertical-align: top
                                }

                                .left-rail-icon-image {
                                  padding: 5px;
                                  vertical-align: top
                                }

                                .left-rail-table {
                                  width: 85%;
                                  margin-bottom: 10px;
                                }

                                h5.left-rail-text {
                                  margin-top: 0px;
                                }

                                h3.left-rail-title {
                                  color: #a3180b;
                                }
                              </style>
                              <h3 class="left-rail-title"><b>You joined for the savings..</b><br><b>but found a world of benefits to explore!</b></h3>
                              <h4>With AARP Membership, there's always more to discover. Here are just a few of your benefits:</h4>
                              <table class="left-rail-table">
                                <tbody>
                                  <tr>
                                    <td class="left-rail-icon-image"><img class="lazy-load-image" data-image="https://3636432.app.netsuite.com/core/media/media.nl?id=8761&amp;c=3636432&amp;h=2ce3c1bd85ce9119d03a" alt="magazine icon"></td>
                                    <td class="left-rail-text-box">
                                      <h5 class="left-rail-text"><b>AARP THE MAGAZINE</b><br>Enjoy award-winning features and news that's relevant to you</h5>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table class="left-rail-table">
                                <tbody>
                                  <tr>
                                    <td class="left-rail-icon-image"><img class="lazy-load-image" data-image="https://3636432.app.netsuite.com/core/media/media.nl?id=8763&amp;c=3636432&amp;h=73aede7e9f85621a55da" alt="fraud watch network icon"></td>
                                    <td class="left-rail-text-box">
                                      <h5 class="left-rail-text"><b>FRAUD WATCH NETWORK</b><br>Get free scam alerts and tips to avoid consumer fraud and identity theft</h5>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table class="left-rail-table">
                                <tbody>
                                  <tr>
                                    <td class="left-rail-icon-image"><img class="lazy-load-image" data-image="https://3636432.app.netsuite.com/core/media/media.nl?id=8765&amp;c=3636432&amp;h=6429027e27720ef2b357" alt="discounts icon"></td>
                                    <td class="left-rail-text-box">
                                      <h5 class="left-rail-text"><b>EVERYDAY DISCOUNTS</b><br>Savings on movies, restaurants, groceries and more</h5>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table class="left-rail-table">
                                <tbody>
                                  <tr>
                                    <td class="left-rail-icon-image"><img class="lazy-load-image" data-image="https://3636432.app.netsuite.com/core/media/media.nl?id=8762&amp;c=3636432&amp;h=32d2aafa5fb72a381a13" alt="travel icon"></td>
                                    <td class="left-rail-text-box">
                                      <h5 class="left-rail-text"><b>AARP TRAVEL</b><br>Vacation ideas, planning tools and exclusive discounts</h5>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table class="left-rail-table">
                                <tbody>
                                  <tr>
                                    <td class="left-rail-icon-image"><img class="lazy-load-image" data-image="https://3636432.app.netsuite.com/core/media/media.nl?id=8760&amp;c=3636432&amp;h=1392a3312c7760895db1" alt="health savings icon"></td>
                                    <td class="left-rail-text-box">
                                      <h5 class="left-rail-text"><b>HEALTH SAVINGS</b><br>Discounts on prescription medication and up to 30% off prescription eyewear</h5>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table class="left-rail-table">
                                <tbody>
                                  <tr>
                                    <td class="left-rail-icon-image"><img class="lazy-load-image" data-image="https://3636432.app.netsuite.com/core/media/media.nl?id=8764&amp;c=3636432&amp;h=bbd50ee5febe067c5a66" alt="advocacy icon"></td>
                                    <td class="left-rail-text-box">
                                      <h5 class="left-rail-text"><b>ADVOCACY</b><br>A committed advocate for important issues like Social Security and Medicare</h5>
                                    </td>
                                  </tr>
                                </tbody>
                              </table><br>
                              <h5 class="left-rail-text"><b>Plus, choose Automatic Renewal today and save...</b></h5>
                              <ul>
                                <li style="list-style:disc">
                                  <h5 class="left-rail-text">Pay just <span style="color:#a3180b;text-decoration:line-through;">$16</span>&nbsp;<b>$12</b> today - 25% off your first year of Automatic Renewal</h5>
                                </li>
                                <li style="list-style:disc">
                                  <h5 class="left-rail-text">Your benefits will continue with no interruption</h5>
                                </li>
                                <li style="list-style:disc">
                                  <h5 class="left-rail-text">Safe, secure and you can cancel at any time</h5>
                                </li>
                              </ul><br><b>Having Trouble?</b><br> Please contact us for assistance at 1-800-566-0242 between the hours of 8:00 AM-8:00 PM (ET) Monday-Friday.
                            </div>
                          </div>
                          <hr>
                        </div>
                        <div>
                          <div class="web-key-benefits-statement margin-bottom-15">&nbsp;</div>
                          <div class="web-market-incentive-description margin-bottom-20">&nbsp;For a limited-time, save on membership and get a FREE Blue Floral Day Bag!</div>
                          <div class="freePremiumGift margin-bottom-20">
                            <div><img alt="Mini day bag with blue floral pattern" class="img-responsive premiumImage" src="https://3636432.app.netsuite.com/core/media/media.nl?id=54633&amp;c=3636432&amp;h=9b65b306d48ca6c48c42">
                              <div class="web_product_premium">
                                <div class="web-product-display-name">Blue Day Bag</div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <script type="text/javascript">
              $j("#learnMoreClose").on("click", function() {
                $j("#offers-modal").removeClass("is-visible"), $j("#offers-modal").addClass("hidden")
              }), $j("#learn-more").on("click", function() {
                $j("#offers-modal").addClass("is-visible"), $j("#offers-modal").removeClass("hidden")
              })
            </script>
          </div>
          <div id="error-msg__membershipFee" aria-live="assertive"></div>
          <div id="other-country-no-fee" style="font-size:16px;display:none"><span>Membership type does not match country of residence. Please select the appropriate membership by
              clicking</span>&nbsp;<a href="join" title="join" data-di-id="di-id-7619ea9a-eb12c598">here.</a></div>
          <div id="offerOptionsContainer" class="col-sm-12 col-md-12 col-lg-12 ts-fee_box">
            <div class="circle-spinner" style="margin: 0px auto; display: none;">
              <div class="sk-circle">
                <div class="sk-circle1 sk-child"></div>
                <div class="sk-circle2 sk-child"></div>
                <div class="sk-circle3 sk-child"></div>
                <div class="sk-circle4 sk-child"></div>
                <div class="sk-circle5 sk-child"></div>
                <div class="sk-circle6 sk-child"></div>
                <div class="sk-circle7 sk-child"></div>
                <div class="sk-circle8 sk-child"></div>
                <div class="sk-circle9 sk-child"></div>
                <div class="sk-circle10 sk-child"></div>
                <div class="sk-circle11 sk-child"></div>
                <div class="sk-circle12 sk-child"></div>
              </div>
            </div>
            <div class="ar-no-dues slab-horizontal-spouse" style="display:none"></div>
            <div class="fee-display">
              <fieldset>
                <legend for="" class="sr-only">Select Your Membership Term</legend>
                <div role="radiogroup" class="radio member-fee-options">
                  <div class="row ts-block bordered-focus-container higher">
                    <div class="ts-most-popular">
                      <img src="https://assets.aarp.org/aarp.org_/web/images/membership/most-popular-left.svg" width="5.19" height="27" alt="">
                      <span class="ts-most-popular-text">MOST POPULAR</span>
                      <img style="height: 23px" src="https://assets.aarp.org/aarp.org_/web/images/membership/most-popular-right.svg" width="18.35" height="23" alt="">
                    </div>
                    <input type="radio" role="radio" name="mssDues" class="ts-input" id="62941" tabindex="0" aria-checked="true" data-di-field-id="mssDues" aria-describedby="error-msg__membershipFee" data-term-years="1 Year"
                      data-termselected="4S join 1 Year" data-formelementid="4S join Step 1 Cont. Bill 12 MTH AR" value="12" data-option-term="12" data-option-category="36">
                    <div class="ts-item">
                      <label for="62941" style="height: 140px; width: 100%">
                        <p style="font-size: 0px; position: absolute">MOST POPULAR</p> <!--  To make screen readers pronounce banner text  -->
                        <div class="col-md-7 col-sm-7 col-xs-7 ts-side-section  ts-side-section-align-center">
                          <div class="ts-side-content-container ts-left-side-content ts-left-side-content-selected">
                            <div class="ts-big-text">1 Year</div>
                            <div class="ts-term-description-text vertical" style="display: block">
                              <span></span> <span class="ts-save-percent">Save 25%</span> <span>on your first year with automatic renewal.</span>
                            </div>
                          </div>
                        </div>
                        <div class="ts-divider"></div>
                        <div class="col-md-4 col-sm-4 col-xs-4 ts-side-section ts-right-side-section">
                          <div class="ts-side-content-container-right">
                            <div class="ts-price-description-text">First year for</div>
                            <div class="ts-price-text">$12</div>
                            <div class="ts-full-price-text" style=""><del class="no-strikethrough"><span class="assistive-text">was</span>$16</del></div>
                            <div class="ts-term-description-text horizontal" style="display: block; margin-top: 15px">
                              <span></span> <span class="ts-save-percent">Save 25%</span> <span>on your first year with automatic renewal.</span>
                            </div>
                          </div>
                        </div>
                      </label>
                    </div>
                  </div>
                  <div class="ar_terms_link_vertical_container"><a href="#" data-target="#ar-terms-modal" class="ar_terms_link inline" data-di-id="#gen_automaticRenewalTerms&amp;Conditions">Automatic Renewal Terms &amp; Conditions</a></div>
                  <div class="row ts-block bordered-focus-container higher">
                    <input type="radio" role="radio" name="mssDues" class="ts-input" id="62942" tabindex="0" aria-checked="false" data-di-field-id="mssDues" aria-describedby="error-msg__membershipFee" data-term-years="1 Year"
                      data-termselected="4S join 1 Year" data-formelementid="4S join Step 1 Cont. Bill 12 MTH" value="16" data-option-term="12" data-option-category="1">
                    <div class="ts-item">
                      <label for="62942" style="height: 100%; width: 100%">
                        <div class="col-md-7 col-sm-7 col-xs-7 ts-side-section ts-left-side-additional-margin ">
                          <div class="ts-side-content-container ts-left-side-content">
                            <div class="ts-big-text">1 Year</div>
                            <div class="ts-term-description-text vertical" style="display: none">
                              <span class="ts-save-percent">Save 0%</span> <span> on the annual rate for 1 Year.</span>
                            </div>
                          </div>
                        </div>
                        <div class="ts-divider"></div>
                        <div class="col-md-4 col-sm-4 col-xs-4 ts-side-section ts-right-side-section">
                          <div class="ts-side-content-container-right">
                            <div class="ts-price-description-text">One payment of</div>
                            <div class="ts-price-text">$16</div>
                            <div class="ts-full-price-text" style="display: none"><del class="no-strikethrough"><span class="assistive-text">was</span>$16</del></div>
                            <div class="ts-term-description-text horizontal" style="display: none; margin-top: 15px">
                              <span class="ts-save-percent">Save 0%</span> <span> on the annual rate for 1 Year.</span>
                            </div>
                          </div>
                        </div>
                      </label>
                    </div>
                  </div>
                  <div class="row ts-block bordered-focus-container higher">
                    <input type="radio" role="radio" name="mssDues" class="ts-input" id="62943" tabindex="0" aria-checked="false" data-di-field-id="mssDues" aria-describedby="error-msg__membershipFee" data-term-years="3 Years"
                      data-termselected="4S join 3 Years" data-formelementid="4S join Step 1 Cont. Bill 36 MTH" value="43" data-option-term="36" data-option-category="1">
                    <div class="ts-item">
                      <label for="62943" style="height: 140px; width: 100%">
                        <div class="col-md-7 col-sm-7 col-xs-7 ts-side-section  ts-side-section-align-center">
                          <div class="ts-side-content-container ts-left-side-content">
                            <div class="ts-big-text">3 Years</div>
                            <div class="ts-term-description-text vertical" style="display: block">
                              <span class="ts-save-percent">Save 10%</span> <span> on the annual rate for 3 Years.</span>
                            </div>
                          </div>
                        </div>
                        <div class="ts-divider"></div>
                        <div class="col-md-4 col-sm-4 col-xs-4 ts-side-section ts-right-side-section">
                          <div class="ts-side-content-container-right">
                            <div class="ts-price-description-text">One payment of</div>
                            <div class="ts-price-text">$43</div>
                            <div class="ts-full-price-text" style=""><del class="no-strikethrough"><span class="assistive-text">was</span>$48</del></div>
                            <div class="ts-term-description-text horizontal" style="display: block; margin-top: 15px">
                              <span class="ts-save-percent">Save 10%</span> <span> on the annual rate for 3 Years.</span>
                            </div>
                          </div>
                        </div>
                      </label>
                    </div>
                  </div>
                  <div class="row ts-block bordered-focus-container higher">
                    <input type="radio" role="radio" name="mssDues" class="ts-input" id="62944" tabindex="0" aria-checked="false" data-di-field-id="mssDues" aria-describedby="error-msg__membershipFee" data-term-years="5 Years"
                      data-termselected="4S join 5 Years" data-formelementid="4S join Step 1 Cont. Bill 60 MTH" value="63" data-option-term="60" data-option-category="1">
                    <div class="ts-item">
                      <label for="62944" style="height: 140px; width: 100%">
                        <div class="col-md-7 col-sm-7 col-xs-7 ts-side-section  ts-side-section-align-center">
                          <div class="ts-side-content-container ts-left-side-content">
                            <div class="ts-big-text">5 Years</div>
                            <div class="ts-term-description-text vertical" style="display: block">
                              <span class="ts-save-percent">Save 21%</span> <span> on the annual rate for 5 Years.</span>
                            </div>
                          </div>
                        </div>
                        <div class="ts-divider"></div>
                        <div class="col-md-4 col-sm-4 col-xs-4 ts-side-section ts-right-side-section">
                          <div class="ts-side-content-container-right">
                            <div class="ts-price-description-text">One payment of</div>
                            <div class="ts-price-text">$63</div>
                            <div class="ts-full-price-text" style=""><del class="no-strikethrough"><span class="assistive-text">was</span>$80</del></div>
                            <div class="ts-term-description-text horizontal" style="display: block; margin-top: 15px">
                              <span class="ts-save-percent">Save 21%</span> <span> on the annual rate for 5 Years.</span>
                            </div>
                          </div>
                        </div>
                      </label>
                    </div>
                  </div>
                </div>
              </fieldset><img class="dues_aarp_card hidden-xs lazy-load-image" width="180" height="137.9" alt="AARP card angled" data-image="https://assets.aarp.org/aarp.org_/web/images/membership/aarp-membership-card-tilted-2020.png">
            </div>
            <div id="savingsBasedText" style="font-size:16px;color:#37383d">Cancel any time. Savings based on the standard annual rate of $16/year.</div>
          </div>
        </div>
        <div>
          <div>
            <div>
              <div>
                <div>
                  <style data-di-track="1">
                    .singlePremium {
                      padding: 0 15px 15px 15px
                    }

                    div.singlePremium h2.heading {
                      font-weight: 700
                    }

                    div.singlePremium div.heading-info {
                      font-size: 16px
                    }

                    div.singlePremium div.display-name {
                      font-size: 26px;
                      font-weight: 700
                    }

                    div.singlePremium div.offer-description {
                      margin-top: 15px;
                      font-size: 15px
                    }

                    div.singlePremium ul>li {
                      list-style-type: disc
                    }

                    .singlePremium .offer-dimension {
                      display: inline-block;
                      padding: 20px;
                      color: rgba(97, 114, 122, .7)
                    }

                    div.singlePremium ul {
                      margin-left: 17px;
                      margin-top: 15px
                    }

                    .singlePremium .mobile-align {
                      margin-top: 32px
                    }

                    @media(max-width:768px) {
                      div.singlePremium h2.heading {
                        font-size: 21px
                      }

                      div.singlePremium div.heading-info {
                        font-size: 14px
                      }

                      div.singlePremium div.display-name {
                        font-size: 16px
                      }

                      #image-field {
                        order: 2;
                        padding: 0
                      }

                      #content-field {
                        order: 1
                      }

                      .singlePremium .mobile-align {
                        margin-top: 23px;
                        display: flex;
                        flex-wrap: wrap;
                        padding-left: 0
                      }

                      .singlePremium .premiumImage {
                        margin-top: 40px
                      }
                    }
                  </style>
                  <div class="row singlePremium">
                    <h2 class="heading">&nbsp;For a limited-time, save on membership and get a FREE Blue Floral Day Bag!</h2>
                    <div class="col-xs-12 mobile-align">
                      <div class="col-xs-4 col-sm-3" id="image-field"><img alt="Mini day bag with blue floral pattern" class="img-responsive premiumImage hidden-xs"
                          src="https://3636432.app.netsuite.com/core/media/media.nl?id=54633&amp;c=3636432&amp;h=9b65b306d48ca6c48c42"><img alt="Mini day bag with blue floral pattern" class="img-responsive premiumImage visible-xs"
                          src="https://3636432.app.netsuite.com/core/media/media.nl?id=54633&amp;c=3636432&amp;h=9b65b306d48ca6c48c42">
                        <div class="offer-dimension">Size: 8"H x 10"W x 2 1/2"D</div>
                      </div>
                      <div class="col-xs-8 col-sm-9" id="content-field">
                        <div class="display-name">Blue Day Bag</div>
                        <div class="offer-description">
                          <ul>
                            <li>Main compartment with cinch strap holds your tablet, magazines or books.</li>
                            <li>Perfect for day trips, car rides, or at work.</li>
                            <li>Convenient side pocket holds small items or keys.</li>
                            <li>Shoulder strap adjusts for maximum comfort.</li>
                          </ul>
                        </div>
                        <div class="offer-description"><span id="webDisplayDimensions-4120"></span></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div>
    <style data-di-track="1">
      .donation_spanish_heading {
        font-size: 21px;
        font-weight: 700
      }

      .donation_heading {
        font-size: 22px;
        font-weight: 700
      }

      .donation_optional {
        margin-left: 10px
      }

      .donation_text {
        font-size: 16px
      }

      .foundation_text,
      .foundation_text_radio {
        font-size: 14px
      }

      .foundation_text {
        margin-left: 38px
      }

      @media (min-width:768px) {
        .donation_row {
          border: 1px solid #f5f5f5;
          background-color: #f5f5f5
        }

        .donation_content_column {
          padding-left: 15px;
          padding-right: 7px
        }

        .pull-down {
          margin-bottom: 22px
        }
      }

      @media (max-width:767px) {
        .donation_content_column {
          background-color: #f5f5f5
        }

        .pull-down {
          margin-bottom: 46px !important
        }

        .foundation_text_radio {
          margin-left: 0 !important
        }
      }
    </style>
  </div><input type="hidden" name="campaignId" id="campaignId" value="UPR59WA7" data-di-id="#campaignId"><input type="hidden" name="pixeltest" id="pixeltest" value="" data-di-id="#pixeltest"><input type="hidden" id="bundleCatCd" name="bundleCatCd"
    value="1" data-di-id="#bundleCatCd"><input type="hidden" id="optionCategory" name="optionCategory" value="36" data-di-id="#optionCategory"><input type="hidden" id="bundleId" name="bundleId" value="3943" data-di-id="#bundleId"><input type="hidden"
    id="offerId" name="offerId" value="56929" data-di-id="#offerId"><input type="hidden" id="duesId" name="duesId" value="62941" data-di-id="#duesId"><input type="hidden" id="duesTerm" name="duesTerm" value="12" data-di-id="#duesTerm"><input
    type="hidden" id="selectedDues" name="selectedDues" value="" data-di-id="#selectedDues"><input type="hidden" name="selectedOffer" id="selectedOffer" value="" data-di-id="#selectedOffer"><input type="hidden" name="validSelectedOffer"
    id="validSelectedOffer" value="false" data-di-id="#validSelectedOffer"><input type="hidden" name="isSelectedOfferAR" id="isSelectedOfferAR" value="false" data-di-id="#isSelectedOfferAR"><input type="hidden" id="address1" name="address1" value=""
    data-di-id="#address1"><input type="hidden" id="address2" name="address2" value="" data-di-id="#address2"><input type="hidden" id="state" name="state" value="" data-di-id="#state"><input type="hidden" id="sanitizedLastName"
    data-di-id="#sanitizedLastName"><input type="hidden" name="membershipVO.suffix" id="suffix" data-di-id="#suffix"><input type="hidden" name="offerproductId" id="offerproductId" value="4120" data-di-id="#offerproductId"><input type="hidden"
    name="offersubscriptionprice" id="offersubscriptionprice" value="" data-di-id="#offersubscriptionprice"><input type="hidden" id="processId" name="processId" value="mem-mJoin-9fd9f6a909c9b049bb09f790c0fd8fbca2f9" data-di-id="#processId"><input
    type="hidden" name="redirectedFromRenew" id="redirectedFromRenew" value="false" data-di-id="#redirectedFromRenew"><input type="hidden" name="csrfTkn" id="csrfTkn" value="605ca4ae-20b2-45dc-9fc0-620940ee6f51" data-di-id="#csrfTkn"><input
    type="hidden" name="isUserLoggedIn" value="false" data-di-id="#gen_false"><input type="hidden" name="isUserParticipant" value="" data-di-id="#gen_isUserParticipant">
</form>

POST

<form id="fileUploadForm" enctype="multipart/form-data" method="post" target="fileUploadIframe"><input type="file" id="fileSelector" name="file" style="display: none;"><input name="filename" type="hidden"></form>

Text Content

Your secure session has been idle too long. In order to keep your data secure,
you have been logged out due to inactivity. Please start over to continue.

Processing, please wait

Processing

Please wait...

Log in to your AARP.org account

Email Address

ShowPassword
Forgot password?

Submit

Create a Secure Password

Using a phrase as your password makes it easier to remember and harder to crack.

Champ

My dog's name is Champ




AUTOMATIC RENEWAL TERMS & CONDITIONS

Your introductory term in Automatic Renewal will be 1 year. As long as you
remain enrolled, and unless you contact AARP to cancel before the July 17, 2024,
your payment method will be charged $16 for your next 1 year of membership on
July 17, 2024. Your membership will renew for successive one-year terms until
canceled. The amount of the charge for future renewal terms may increase or
decrease. AARP will retain your payment information provided for future billing
purposes. A reminder notice will be sent to your email address on file with
AARP; by accepting these automatic renewal terms, you are agreeing to use
electronic signature and receive disclosures electronically. You can cancel at
any time online at aarp.org/editaccount or by calling 1-800-514-0474, Monday
through Friday, 8 a.m. – 8 p.m. Eastern.
Logout??mem.text.logout.mobile_en??
You have been logged out. Please start over to continue.Promo code applied
successfully.


BROWSER NOT SUPPORTED

AARP no longer supports older browsers such as this one.To join AARP, please
upgrade to a more recent browser. Please see below for download links to all the
browsers we support.

Google Chrome

Download

Firefox

Download

Microsoft Edge

Download

Safari

Download


JOIN - INFO

ENGLISH
En Español



JOIN - INFO

ENGLISH
En Español


JOIN - INFO


 For a limited-time, save on membership and get a FREE Blue Floral Day Bag!
Blue Day Bag
Did you receive an offer in the mail? Enter the Code
Enter Your Promo Code

Apply
Please enter a valid promo code
Promo code invalid
Unable to validate promo code. Please try again later.



YOUR INFORMATION


YOUR INFORMATION

Please enter the following information as you would like it to appear on your
membership card. All fields are required unless indicated.

First Name

Middle Name (Optional)

Last Name

Birthday (MM/DD/YYYY)

We require your birthdate to verify eligibility for membership. Some of our
benefits providers have specific age requirements.
Street Address

Apt., Suite, Bldg. (Optional)

City

AAAEALAKASAPAZARCACOCTDEDCFMFLGAGUHIIDILINIAKSKYLAMEMHMDMAMIMNMSMOMTNENVNHNJNMNYNCNDMPOHOKORPWPAPRRISCSDTNTXUTVTVIVAWAWVWIWYState/Province

Zip/Postal Code

USACANADAMEXICO----------AFGHANISTANALBANIAALGERIAANDORRAANGOLAANGUILLAANTIGUA &
BARBUDAARGENTINAARMENIAARUBAASCENSIONAUSTRALIAAZERBAIJANAZORESBAHAMASBAHRAINBALARUSBANGLADESHBARBADOSBELIZEBENINBERMUDABHUTANBOLIVIABOSNIA-HERCEGOVINABOTSWANABRAZILBRITISH
VIRGIN ISLANDSBRUNEIBURKINA FASOBURUNDICAMEROONCAPE VERDECAYMAN ISLANDSCENTRAL
AFRICAN REPUBLICCHADCHILECHINA, PEOPLES REP. OF CHINACOLOMBIACOMOROSCONGOCOOK
ISLANDSCORSICACOSTA RICACOTE D'IVORIECUBADJIBOUTIDOMINICADOMINICAN REPUBLICDUTCH
CARIBBEANEAST TIMOREASTER ISLANDECUADOREGYPTEL SALVADOREQUATORIAL
GUINEAERITREAETHIOPIAFALKLAND ISLANDSFAROE ISLANDSFIJIFRENCH GUIANAFRENCH
POLYNESIAGABONGAMBIAGEORGIA, REPUBLIC
OFGHANAGIBRALTARGREENLANDGRENADAGUADELOUPEGUATEMALAGUINEAGUINEA-BISSAUGUYANAHAITIHONDURASHONG
KONGINDIAINDONESIAIRANIRAQISRAELJAMAICAJAPANJORDANKAMPUCHEA
(CAMBODIA)KAZAKSTANKENYAKIRIBATIKOREA, PEOPLES REP. OF (NORTH)KOREA, REPUBLIC OF
(SOUTH)KUWAITKYRGYZSTANLAOSLEBANONLESOTHOLIBERIALIBYAMACAUMACEDONIAMADAGASCARMADEIRA
ISLANDSMALAWIMALAYSIAMALDIVESMALIMARTINIQUEMAURITANIAMAURITIUSMOLDOVAMONACOMONGOLIAMONTENEGROMONTSERRATMOROCCOMOZAMBIQUEMYANMAR
(BURMA)NAMIBIANAURUNEPALNETHERLANDS ANTILLESNEW CALEDONIANEW
ZEALANDNICARAGUANIGERNIGERIAOMANPAKISTANPANAMAPAPUA NEW
GUINEAPARAGUAYPERUPHILIPPINESPITCAIRN ISLANDSQATARREUNIONRUSSIARWANDASAN
MARINOSAO TOME & PRINCIPESAUDI ARABIASENEGALSERBIASEYCHELLESSIERRA
LEONESINGAPORESOLOMON ISLANDSSOMALIASOUTH AFRICASRI LANKAST HELENAST KITTS &
NEVISST LUCIAST PIERRE & MIQUELONST VINCENT & THE
GRENADINESSUDANSURINAMESWAZILANDSYRIATAIWAN, REP. OF
CHINATAJIKISTANTANZANIATHAILANDTOGOTONGATRINIDAD & TOBAGOTRISTAN DA
CUNHATUNISIATURKEYTURKMENISTANTURKS & CAICOS ISLANDSTUVALUUGANDAUKRAINEUNITED
ARAB EMIRATESURUGUAYUZBEKISTANVANUATUVATICAN CITYVENEZUELAVIETNAMWALLIS & FUTUNA
ISLANDSWESTERN SAMOAYEMENZAIREZAMBIAZIMBABWECountry


AARP is headquartered in the United States. By providing your information on
this website you explicitly consent to the transfer, storage, and processing of
your personal information in the United States. The United States may have
different standards for the processing and storage of personal information than
your country of residence. For more information, see our Privacy Policy.



Please send my membership materials in Spanish.


SPOUSE/PARTNER INFORMATION

(Optional)
Membership fee includes spouse/partner for free. He or she will also receive a
membership card.
First Name

Last Name



CREATE YOUR AARP ONLINE ACCOUNT


CREATE YOUR AARP ONLINE ACCOUNT

Why create your AARP online account
Creating an account allows you to:
 * Get instant access to your membership card
 * Manage your account and communications preferences
 * Enroll in our free rewards program


Already have a login
Creating an account allows you to:
 * Get instant access to your membership card
 * Manage your account and communications preferences
 * Enroll in our free rewards program

Email Address

This will be your AARP login and will allow you to stay informed. You can change
your communication preferences at any time.

SUGGESTED DOMAINS:
@gmail.com
@yahoo.com
@aol.com
@hotmail.com

Show
Password
(Optional)





Create a Secure Password

Using a phrase as your password makes it easier to remember and harder to crack.

Champ

My dog's name is Champ


8-64 characters in length. Enter a phrase you will remember.


ONLINE ACCOUNT TERMS AND CONDITIONS

By providing the AARP login email address and password above, you agree to
AARP Terms of Service
 and Privacy Policy.

I accept the online account terms and conditions.




SELECT YOUR MEMBERSHIP TERM

Learn More About Membership


YOU JOINED FOR THE SAVINGS..
BUT FOUND A WORLD OF BENEFITS TO EXPLORE!

WITH AARP MEMBERSHIP, THERE'S ALWAYS MORE TO DISCOVER. HERE ARE JUST A FEW OF
YOUR BENEFITS:

AARP THE MAGAZINE
ENJOY AWARD-WINNING FEATURES AND NEWS THAT'S RELEVANT TO YOU

FRAUD WATCH NETWORK
GET FREE SCAM ALERTS AND TIPS TO AVOID CONSUMER FRAUD AND IDENTITY THEFT

EVERYDAY DISCOUNTS
SAVINGS ON MOVIES, RESTAURANTS, GROCERIES AND MORE

AARP TRAVEL
VACATION IDEAS, PLANNING TOOLS AND EXCLUSIVE DISCOUNTS

HEALTH SAVINGS
DISCOUNTS ON PRESCRIPTION MEDICATION AND UP TO 30% OFF PRESCRIPTION EYEWEAR

ADVOCACY
A COMMITTED ADVOCATE FOR IMPORTANT ISSUES LIKE SOCIAL SECURITY AND MEDICARE


PLUS, CHOOSE AUTOMATIC RENEWAL TODAY AND SAVE...

 * PAY JUST $16 $12 TODAY - 25% OFF YOUR FIRST YEAR OF AUTOMATIC RENEWAL

 * YOUR BENEFITS WILL CONTINUE WITH NO INTERRUPTION

 * SAFE, SECURE AND YOU CAN CANCEL AT ANY TIME


Having Trouble?
Please contact us for assistance at 1-800-566-0242 between the hours of 8:00
AM-8:00 PM (ET) Monday-Friday.

--------------------------------------------------------------------------------

 
 For a limited-time, save on membership and get a FREE Blue Floral Day Bag!
Blue Day Bag

Membership type does not match country of residence. Please select the
appropriate membership by clicking here.
Select Your Membership Term
MOST POPULAR

MOST POPULAR

1 Year
Save 25% on your first year with automatic renewal.

First year for
$12
was$16
Save 25% on your first year with automatic renewal.
Automatic Renewal Terms & Conditions
1 Year
Save 0% on the annual rate for 1 Year.

One payment of
$16
was$16
Save 0% on the annual rate for 1 Year.
3 Years
Save 10% on the annual rate for 3 Years.

One payment of
$43
was$48
Save 10% on the annual rate for 3 Years.
5 Years
Save 21% on the annual rate for 5 Years.

One payment of
$63
was$80
Save 21% on the annual rate for 5 Years.
Cancel any time. Savings based on the standard annual rate of $16/year.


 FOR A LIMITED-TIME, SAVE ON MEMBERSHIP AND GET A FREE BLUE FLORAL DAY BAG!

Size: 8"H x 10"W x 2 1/2"D
Blue Day Bag
 * Main compartment with cinch strap holds your tablet, magazines or books.
 * Perfect for day trips, car rides, or at work.
 * Convenient side pocket holds small items or keys.
 * Shoulder strap adjusts for maximum comfort.



Continue to Billing

--------------------------------------------------------------------------------




YOU JOINED FOR THE SAVINGS..
BUT FOUND A WORLD OF BENEFITS TO EXPLORE!

WITH AARP MEMBERSHIP, THERE'S ALWAYS MORE TO DISCOVER. HERE ARE JUST A FEW OF
YOUR BENEFITS:

AARP THE MAGAZINE
ENJOY AWARD-WINNING FEATURES AND NEWS THAT'S RELEVANT TO YOU

FRAUD WATCH NETWORK
GET FREE SCAM ALERTS AND TIPS TO AVOID CONSUMER FRAUD AND IDENTITY THEFT

EVERYDAY DISCOUNTS
SAVINGS ON MOVIES, RESTAURANTS, GROCERIES AND MORE

AARP TRAVEL
VACATION IDEAS, PLANNING TOOLS AND EXCLUSIVE DISCOUNTS

HEALTH SAVINGS
DISCOUNTS ON PRESCRIPTION MEDICATION AND UP TO 30% OFF PRESCRIPTION EYEWEAR

ADVOCACY
A COMMITTED ADVOCATE FOR IMPORTANT ISSUES LIKE SOCIAL SECURITY AND MEDICARE


PLUS, CHOOSE AUTOMATIC RENEWAL TODAY AND SAVE...

 * PAY JUST $16 $12 TODAY - 25% OFF YOUR FIRST YEAR OF AUTOMATIC RENEWAL

 * YOUR BENEFITS WILL CONTINUE WITH NO INTERRUPTION

 * SAFE, SECURE AND YOU CAN CANCEL AT ANY TIME


Having Trouble?
Please contact us for assistance at 1-800-566-0242 between the hours of 8:00
AM-8:00 PM (ET) Monday-Friday.

--------------------------------------------------------------------------------


HAVING TROUBLE? IF YOU EXPERIENCE PROBLEMS WITH THIS PAGE, PLEASE CALL:
1-800-566-0242


DID YOU ENTER A SUFFIX?

Our system detected a suffix was added to your name. Please confirm your last
name and suffix below:

Last Name

Suffix

Confirm
 * Sitemap
 * RSS
 * Privacy Policy - Your Privacy Rights
 * Terms of Service
 * Accessibility Statement
 * AARP Rewards Terms & Conditions
 * Copyright Information
 * Vulnerability Disclosure
 * Ad Choices

 * Your Privacy Choices
 * Cobrowse






Live chat:CHAT