title: How do I get selected value from a bootstrap select drop down
body: <p>I'm trying to get the selected text, not value, from my bootstrap drop down, but my .text() statement is returning a string that contains all the values with a '\n' in between.</p>
  
  <p>Here is my rendered html</p>
  
  <pre><code>&lt;select class="form-control" id="SpaceAccommodation" name="YogaSpaceAccommodation"&gt;
      &lt;option selected="selected" value="0"&gt;1-4&lt;/option&gt;
      &lt;option value="1"&gt;5-9&lt;/option&gt;
      &lt;option value="2"&gt;10-15&lt;/option&gt;
      &lt;option value="3"&gt;16-20&lt;/option&gt;
      &lt;option value="4"&gt;20+&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Here is my javascript, but selectedText returns '5-9\n10-15\n16-20\n20+'
  I want it to return 5-9 or 10-15, etc..</p>
  
  <pre><code>$('#SpaceAccommodation').change(function () {
  
      var selectedText = $(this).text();
  });
  </code></pre>