title: Selecting value of active select with jQuery
body: <p>In a viw I have 5-15 dynamically created dropdowns like this:</p>
  
  <pre><code>&lt;select class="task-type" id="21"&gt;
     &lt;option value=""&gt;&lt;/option&gt;
     &lt;option value="easy"&gt;easy&lt;/option&gt;
     &lt;option value="hard"&gt;hard&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Where class <code>task-type</code> is used for every dropdown and <code>id</code> is unique for each an every and represents a record in a database, so they vary from 1 to 10000.</p>
  
  <p>I then have the following jQuery code to try to pick the value of a dropdown that has changed its value:</p>
  
  <pre><code>$( '.task-type-select' ).change(function(){
      alert($( ".task-type-select option:selected" ).text());
  });
  </code></pre>
  
  <p>However, it alerts every dropdown's value, where what I need is only the currently changed one.</p>
  
  <p>Any help or guidance is much appreciated.</p>