title: jquery select dropdown items by class
body: <p>I am trying to select some dropdown items which is not has <code>selected</code> class.</p>
  
  <p>I have nice example on codepen. If I add <code>multiple="multiple"</code> it works well but its like normal list. I don't want </p>
  
  <p><a href="http://codepen.io/airsakarya/pen/dMqmoW?editors=1010" rel="nofollow">Codepen example</a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;select id="ddlSelect"&gt;
    &lt;option value="1"&gt;İsmail&lt;/option&gt;
    &lt;option value="2" selected&gt;Hakkı&lt;/option&gt;
    &lt;option value="3" selected disabled&gt;Şen&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select id="ddlSelect2" multiple="multiple"&gt;
    &lt;option value="1"&gt;İsmail&lt;/option&gt;
    &lt;option value="2" selected&gt;Hakkı&lt;/option&gt;
    &lt;option value="3" selected disabled&gt;Şen&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$(document).ready(function() {
    $("#ddlSelect :not(option:selected)").each(function(index, value) {
      console.log($(this).text());
    });
  
    $("#ddlSelect2 :not(option:selected)").each(function(index, value) {
      console.info($(this).text());
    });
  });
  </code></pre>