title: Selected dropdown value based on querystring in url
body: <p>There is a similar question on here about this problem but i cant seem to get it working.</p>
  
  <p>So when the link is clicked the url passes the value to the dropdown on this page so pre populates. </p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
  $(document).ready(function () {
      $('#idOptions').on('change', function () {
          window.location.assign('/string.html?strings=' + $(this).val());
      });
  });
  &lt;/script&gt;
  
  &lt;select id="idOptions"&gt;
          &lt;option&gt;option1&lt;/option&gt;
          &lt;option&gt;option2&lt;/option&gt;
          &lt;option&gt;option3&lt;/option&gt;
          &lt;option&gt;option4&lt;/option&gt;
          &lt;option&gt;option5&lt;/option&gt;
  &lt;/select&gt; 
  </code></pre>
  
  <p>Then link below is on a different page.</p>
  
  <p>string.html?strings=option1</p>
  
  <p>based on this example <a href="http://jsfiddle.net/73PEg/" rel="nofollow">http://jsfiddle.net/73PEg/</a></p>