title: Issue on Setting HTML Select Option Using jQuery
body: <p>I am trying to change selected item from the list options dynamically at <a href="http://jsfiddle.net/Behseini/atz013n5/3/" rel="nofollow">This Demo</a> but it is not working.</p>
  
  <pre><code>&lt;select id="selItems" class="selectpicker"&gt;
      &lt;option&gt;Select From List&lt;/option&gt;
      &lt;option&gt;Mustard&lt;/option&gt;
      &lt;option&gt;Ketchup&lt;/option&gt;
      &lt;option&gt;Relish&lt;/option&gt;
  &lt;/select&gt;
  &lt;p&gt;
  &lt;button id="setdefault" type="submit" class="btn"&gt;Set Default&lt;/button&gt;
  
  &lt;script&gt;
   $("#setdefault").on("click", function () {
     $("#selItems option:eq(2)").attr("selected", "selected");
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>can you please let me know what I am doing wrong?</p>