title: Performing a jquery operation on all drop down lists on the page
body: <p>So I have all my drop down lists marked with <code>class="ddl"</code></p>
  
  <p>I used this, wanting to add "Select" as a first element for ALL the drop down lists on the page - there are several drop down lists.</p>
  
  <pre><code> $(".ddl option").eq(0).before($("&lt;option&gt;&lt;/option&gt;").val("").text("Select"));
  </code></pre>
  
  <p>But it only works on the first drop down list...Do I need to loop through each one?</p>
  
  <p>html</p>
  
  <pre><code>&lt;select class="ddl" id="ddl-id1" name="ddl-name1"&gt;
  &lt;option value="6"&gt;option 1 text&lt;/option&gt;
  &lt;option value="11"&gt;option 2 text&lt;/option&gt;
  &lt;option value="19"&gt;option 3 text&lt;/option&gt;
  &lt;!-- etc --&gt;
  &lt;/select&gt;     
  
  
  &lt;select class="ddl" id="ddl-id2" name="ddl-name2"&gt;
  &lt;option value="7"&gt;some text&lt;/option&gt;
  &lt;option value="10"&gt;some other text&lt;/option&gt;
  &lt;option value="24"&gt;more text&lt;/option&gt;
  &lt;!-- etc --&gt;
  &lt;/select&gt;  
  </code></pre>