title: Autoclick Option in select with jQuery
body: <p>I'm trying to autoselect a product sort filter with jQuery, but I'm having a bit of trouble getting it to work properly.</p>
  
  <pre><code>&lt;select class="selectProductSort" id="selectPrductSort1" onchange=""&gt;
    &lt;option selected="selected" value="position:asc"&gt;Sorter efter&lt;/option&gt;
    &lt;option value="price:asc"&gt;Pris: laveste først&lt;/option&gt;
    &lt;option value="price:desc"&gt;Pris: højeste først&lt;/option&gt;
    &lt;option value="name:asc"&gt;Varenavn: A til Å&lt;/option&gt;
    &lt;option value="name:desc"&gt;Varenavn: Å til A&lt;/option&gt;
    &lt;option value="quantity:desc"&gt;Lagervarer først&lt;/option&gt;
    &lt;option value="reference:asc"&gt;Reference: Laveste først&lt;/option&gt;
    &lt;option value="reference:desc"&gt;Reference: Højeste først&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I've tried the following so far, but no luck.</p>
  
  <pre><code>$('.selectProductSort option[value="price:asc"]').prop('selected', 'selected').change();
  $('.selectProductSort option[value="price:asc"]').trigger( 'click' );
  $('.selectProductSort option[value="price:asc"]').click();
  </code></pre>
  
  <p>I tried with $(document).ready and without.</p>
  
  <p>The first example sets thedesired filter as selected, but the filter function isn't activated, so the products still are ín the same order.</p>
  
  <p>When a filter is selected, the page doesn't reload.</p>
  
  <p>Hope you guys can help me out</p>
  
  <p><a href="https://jsfiddle.net/azc66a0b/" rel="nofollow">https://jsfiddle.net/azc66a0b/</a></p>