title: select option value click then automatically select another page select option which user select before using jquery
body: <p>Hello Guys i have query. i want when user click on select option and when he click on option in another page show selected option automatically click which user click before with jquery.</p>
  
  <p>This is my code please check.</p>
  
  <p>FRONT PAGE SELECT OPTION WHERE USER CAN SELECT OPTION</p>
  
  <pre><code>    &lt;form action="https://mycustompage.com"&gt;
      &lt;div class="row justify-content-center"&gt;
      &lt;div class="col-lg-3 col-md-3 col-sm-12 col-12 p-lg-0 p-md-0 m-lg-0 m-md-0 mb-0 mobilespace"&gt;
      &lt;div class="select-1"&gt;
      &lt;div data-select-box=""&gt;
                                                      &lt;div class="custom_select _1" style="cursor: pointer;position: relative;"&gt;&lt;div class="option_title" style="position: relative;"&gt;2&lt;div class="arrow" style="position: absolute; right: 10px; top: 42%;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="select_opts under" style="position: absolute; width: 100%; z-index: 1000; height: 354px; bottom: initial; max-height: none; display: none; overflow-x: auto;"&gt;&lt;div class="option" data-option="1"&gt;College&lt;/div&gt;&lt;div class="option" data-option="2"&gt;1&lt;/div&gt;&lt;div class="option current" data-option="3"&gt;2&lt;/div&gt;&lt;div class="option" data-option="4"&gt;3&lt;/div&gt;&lt;div class="option" data-option="5"&gt;4&lt;/div&gt;&lt;div class="option" data-option="6"&gt;5&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;select name="select-1" id="select-11" required="" class="customized" style="display: none;"&gt;&lt;option value="" data-option="1"&gt;College&lt;/option&gt;&lt;option value="" data-option="2"&gt;1&lt;/option&gt;&lt;option value="" data-option="3" selected="selected"&gt;2&lt;/option&gt;&lt;option value="" data-option="4"&gt;3&lt;/option&gt;&lt;option value="" data-option="5"&gt;4&lt;/option&gt;&lt;option value="" data-option="6"&gt;5&lt;/option&gt;&lt;/select&gt;
                                                      &lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;&lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;&lt;/div&gt;
      &lt;div class="col-lg-3 col-md-3 col-sm-12 col-12 p-lg-0 p-md-0 m-lg-0 m-md-0 mb-0 mobilespace"&gt;
      &lt;div class="select-2"&gt;
      &lt;div data-select-box=""&gt;
                                                      &lt;div class="custom_select _2" style="cursor: pointer;position: relative;"&gt;&lt;div class="option_title" style="position: relative;"&gt;4&lt;div class="arrow" style="position: absolute; right: 10px; top: 42%;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="select_opts under" style="position: absolute; width: 100%; z-index: 1000; height: 354px; bottom: initial; max-height: none; display: none; overflow-x: auto;"&gt;&lt;div class="option" data-option="7"&gt;School&lt;/div&gt;&lt;div class="option" data-option="8"&gt;1&lt;/div&gt;&lt;div class="option" data-option="9"&gt;2&lt;/div&gt;&lt;div class="option" data-option="10"&gt;3&lt;/div&gt;&lt;div class="option current" data-option="11"&gt;4&lt;/div&gt;&lt;div class="option" data-option="12"&gt;5&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;select name="select-2" id="select-22" class="customized" style="display: none;"&gt;&lt;option value="" data-option="7"&gt;School&lt;/option&gt;&lt;option value="" data-option="8"&gt;1&lt;/option&gt;&lt;option value="" data-option="9"&gt;2&lt;/option&gt;&lt;option value="" data-option="10"&gt;3&lt;/option&gt;&lt;option value="" data-option="11" selected="selected"&gt;4&lt;/option&gt;&lt;option value="" data-option="12"&gt;5&lt;/option&gt;&lt;/select&gt;
                                                      &lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;&lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;&lt;/div&gt;
  
      &lt;div class="col-lg-3 col-md-3 col-sm-12 col-12 p-lg-0 p-md-0 m-lg-0 m-md-0 mb-0 mobilespace"&gt;
      &lt;div class="btn-book"&gt;
                                                      &lt;a href="https://mycustompage.com" class=""&gt;BOOK NOW&lt;/a&gt;
                                                  &lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;&lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;&lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;&lt;/form&gt;
  </code></pre>
  
  <p>BOOKING FORM WHERE SELECTED OPTION AUTOMATICLY CLICK (<a href="https://mycustompage.com" rel="nofollow noreferrer">https://mycustompage.com</a>)</p>
  
  <pre><code>    &lt;form action="THANKYOU"&gt;
      &lt;div class="row justify-content-center"&gt;
      &lt;div class="col-lg-3 col-md-3 col-sm-12 col-12 p-lg-0 p-md-0 m-lg-0 m-md-0 mb-0 mobilespace"&gt;
      &lt;div class="select-1"&gt;
      &lt;div data-select-box=""&gt;
                                                      &lt;div class="custom_select _1" style="cursor: pointer;position: relative;"&gt;&lt;div class="option_title" style="position: relative;"&gt;2&lt;div class="arrow" style="position: absolute; right: 10px; top: 42%;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="select_opts under" style="position: absolute; width: 100%; z-index: 1000; height: 354px; bottom: initial; max-height: none; display: none; overflow-x: auto;"&gt;&lt;div class="option" data-option="1"&gt;College&lt;/div&gt;&lt;div class="option" data-option="2"&gt;1&lt;/div&gt;&lt;div class="option current" data-option="3"&gt;2&lt;/div&gt;&lt;div class="option" data-option="4"&gt;3&lt;/div&gt;&lt;div class="option" data-option="5"&gt;4&lt;/div&gt;&lt;div class="option" data-option="6"&gt;5&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;select name="select-1" id="select-11" required="" class="customized" style="display: none;"&gt;&lt;option value="" data-option="1"&gt;College&lt;/option&gt;&lt;option value="" data-option="2"&gt;1&lt;/option&gt;&lt;option value="" data-option="3" selected="selected"&gt;2&lt;/option&gt;&lt;option value="" data-option="4"&gt;3&lt;/option&gt;&lt;option value="" data-option="5"&gt;4&lt;/option&gt;&lt;option value="" data-option="6"&gt;5&lt;/option&gt;&lt;/select&gt;
                                                      &lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;&lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;&lt;/div&gt;
      &lt;div class="col-lg-3 col-md-3 col-sm-12 col-12 p-lg-0 p-md-0 m-lg-0 m-md-0 mb-0 mobilespace"&gt;
      &lt;div class="select-2"&gt;
      &lt;div data-select-box=""&gt;
                                                      &lt;div class="custom_select _2" style="cursor: pointer;position: relative;"&gt;&lt;div class="option_title" style="position: relative;"&gt;4&lt;div class="arrow" style="position: absolute; right: 10px; top: 42%;"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="select_opts under" style="position: absolute; width: 100%; z-index: 1000; height: 354px; bottom: initial; max-height: none; display: none; overflow-x: auto;"&gt;&lt;div class="option" data-option="7"&gt;School&lt;/div&gt;&lt;div class="option" data-option="8"&gt;1&lt;/div&gt;&lt;div class="option" data-option="9"&gt;2&lt;/div&gt;&lt;div class="option" data-option="10"&gt;3&lt;/div&gt;&lt;div class="option current" data-option="11"&gt;4&lt;/div&gt;&lt;div class="option" data-option="12"&gt;5&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;select name="select-2" id="select-22" class="customized" style="display: none;"&gt;&lt;option value="" data-option="7"&gt;School&lt;/option&gt;&lt;option value="" data-option="8"&gt;1&lt;/option&gt;&lt;option value="" data-option="9"&gt;2&lt;/option&gt;&lt;option value="" data-option="10"&gt;3&lt;/option&gt;&lt;option value="" data-option="11" selected="selected"&gt;4&lt;/option&gt;&lt;option value="" data-option="12"&gt;5&lt;/option&gt;&lt;/select&gt;
                                                      &lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;&lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;&lt;/div&gt;
  
      &lt;div class="col-lg-3 col-md-3 col-sm-12 col-12 p-lg-0 p-md-0 m-lg-0 m-md-0 mb-0 mobilespace"&gt;
      &lt;div class="btn-book"&gt;
                                                      &lt;a href="" class=""&gt;BOOK NOW&lt;/a&gt;
                                                  &lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;&lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;&lt;/div&gt;
      &lt;p&gt;&lt;/p&gt;&lt;/form&gt;
  </code></pre>