title: How to reset the selectedIndex to 0 for bootstrap selectionbox?
body: <p>How can I reset the selectbox selectedIndex to 0? It works with normal selectboxes, but doesn't works in bootstrap modern selecboxes developed by bootstrap.js</p>
  
  <p>My code HTML :</p>
  
  <pre><code>    &lt;select id="profile_ids" class="input-xlarge" data-rel="chosen"&gt;
          &lt;option value="0"&gt;Select&lt;/option&gt;
          &lt;option value="1"&gt;Test 1&lt;/option&gt;
          &lt;option value="2"&gt;Test 2&lt;/option&gt;
      &lt;/select&gt;
      &lt;select id="test_ids" class="input-xlarge" data-rel="chosen"&gt;
          &lt;option value="0"&gt;Select&lt;/option&gt;
          &lt;option value="1"&gt;Test 1&lt;/option&gt;
          &lt;option value="2"&gt;Test 2&lt;/option&gt;
      &lt;/select&gt;
      &lt;input type="button" class="btn" name="reset" value="Reset" id="reset" onclick="reset_value()"/&gt;
  </code></pre>
  
  <p>Javascript :</p>
  
  <pre><code>    function reset_value()
      {
        $('#reset').click(function(){
            $('#profile_ids option[value="0"]').attr('selected','selected');
        });
  
        $('#reset').click(function(){
            $('#test_ids option[value="0"]').attr('selected','selected');
        });
      }
  </code></pre>