title: jquery chained select not working
body: <p>i'm trying to do the simple usage on this link</p>
  
  <p><a href="http://www.appelsiini.net/projects/chained" rel="nofollow">http://www.appelsiini.net/projects/chained</a></p>
  
  <p>but the second dropdown still show all the options. Here's my code</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;script language="JavaScript" type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
  &lt;script language="JavaScript" type="text/javascript" src="jquery.chained.js"      charset="utf-8"&gt;&lt;/script&gt;
  &lt;script&gt;
  if (jQuery().chained) {  
  alert('jQuery is loaded!');  
  }
  else{  
  alert('jQuery is not loaded!');  
  }
  &lt;/script&gt;
  
  &lt;select id="mark" name="mark"&gt;
  &lt;option value=""&gt;--&lt;/option&gt;
  &lt;option value="bmw"&gt;BMW&lt;/option&gt;
  &lt;option value="audi"&gt;Audi&lt;/option&gt;
  &lt;/select&gt;
  &lt;select id="series" name="series"&gt;
  &lt;option value=""&gt;--&lt;/option&gt;
  &lt;option value="series-3" class="bmw"&gt;3 series&lt;/option&gt;
  &lt;option value="series-5" class="bmw"&gt;5 series&lt;/option&gt;
  &lt;option value="series-6" class="bmw"&gt;6 series&lt;/option&gt;
  &lt;option value="a3" class="audi"&gt;A3&lt;/option&gt;
  &lt;option value="a4" class="audi"&gt;A4&lt;/option&gt;
  &lt;option value="a5" class="audi"&gt;A5&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;script language="JavaScript" type="text/javascript"&gt;
  $("#series").chained("#mark");
  &lt;/script&gt;
  
  &lt;/html&gt;
  </code></pre>