title: set and get value using Session storage for html drop down with jquery
body: <p>Working on Session storage where in the first page I have a drop down if user select (.bap_mjr) value from the drop-down and click next button from the first page  It will redirect to the second page where I need to show an label.</p>
  
  <p>First page HTML</p>
  
  <pre><code>  &lt;select class="mslt_Field slt_major slt_mjr ipt_required" id="slt_mjr" name="slt_mjr"&gt;
       &lt;option value=""&gt;Please Select&lt;/optio
       &lt;option value="BA in Arts,Culture&amp;Heritage Ma"&gt;BAACHM&lt;/option&gt;
       &lt;option id="bap_Mjr" class="bap_Mjr"  value="Bachelor of Arts in Persian"&gt;BAP&lt;/option&gt;
       &lt;option value="Bachelor of Bus Adminstration"&gt;BBA&lt;/option&gt;
     &lt;/select&gt;
  </code></pre>
  
  <p>Currently I am trying  In First Page this is my jquery code</p>
  
  <pre><code>$("#slt_mjr").change(function (){
                  alert($(this).val());
                  var dropselvalue = -1;
                  if (document.getElementById("bap_Mjr").val())
                  {
                      alert("check");
                      dropselvalue = 1;
                  }
                  if(window.sessionStorage) { 
                     sessionStorage.setItem("dropselvalue", dropselvalue);
                 }
              });
  </code></pre>
  
  <p>Second page</p>
  
  <pre><code>&lt;div class="pay_click"&gt;Welcome to second page&lt;/div&gt;
  </code></pre>
  
  <p>Second page jquery code</p>
  
  <pre><code>var dropselvalue = parseInt(sessionStorage.getItem("dropselvalue"));
      if (dropselvalue != -1) {
          if (dropselvalue === 1) {
              $(".pay_click").show()
          }
          //localStorage.removeItem("CheckedRadioValue");
      }
  </code></pre>
  
  <p>The session was not stored and I am not able to get the item.</p>
  
  <p>Where I am doing mistake kindly help me</p>
  
  <p>Thanks in advance</p>