title: How can I use the selected value with Bootstrap Combobox
body: <p>I am using the plugin of <a href="https://github.com/danielfarrell/bootstrap-combobox/" rel="nofollow">https://github.com/danielfarrell/bootstrap-combobox/</a>
  To make a nice search box with auto complete.</p>
  
  <p>But how do I get the value that was selected?</p>
  
  <p>This is the HTML code:</p>
  
  <pre><code>&lt;div class = "form-group"&gt;
      &lt;label&gt;Select your name&lt;/label&gt;
      &lt;div class="combobox-container"&gt;
          &lt;select class="combobox input-large form-control"  id="search_yourself"&gt;
              &lt;option&gt;&lt;/option&gt;
              &lt;?php
                  for($row = 0; $row &lt; sizeof($race_table); $row++){
                  echo("&lt;option value=".$race_table[$row]['Name']."&gt;".
                  $race_table[$row]['Name']."&lt;/option&gt;");
                  }
              ?&gt;
          &lt;/select&gt;
  
          &lt;script type="text/javascript"&gt;
              $(document).ready(function(){
                  $('#search_yourself').combobox();
              });
          &lt;/script&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And I am looking for something like </p>
  
  <pre><code>$('#search_yourself').change(function() {
      alert($(this).text());
  });
  </code></pre>
  
  <p>But instead of <code>text()</code> (which returns me all the options, not only the selected one) I need the selected option.</p>