title: select value of dropdownlist item jquery
body: <p><strong>HTML</strong></p>
  
  <pre><code>&lt;select id="selectDepartment"&gt;
    &lt;option value="1"&gt;120&lt;/option&gt;
    &lt;option value="2"&gt;20&lt;/option&gt;
    &lt;option value="3"&gt;140&lt;/option&gt;
    &lt;option value="4"&gt;4120&lt;/option&gt;
    &lt;option value="5"&gt;560&lt;/option&gt;
    &lt;option value="6"&gt;451&lt;/option&gt;
    &lt;option value="7"&gt;310&lt;/option&gt;
    &lt;option value="8"&gt;656&lt;/option&gt;
    &lt;option value="9"&gt;444&lt;/option&gt;
    &lt;option value="10"&gt;555&lt;/option&gt;
    &lt;option value="11"&gt;2560&lt;/option&gt;
    &lt;option value="12"&gt;450&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$("#selectDepartment").change( function() {
  
  alert($("select option:selected").val()); 
  
  });
  </code></pre>
  
  <p>the above function always shows value <strong>1</strong> on alert, when I select any one of the options </p>