title: Stylizing chained drop-downs with 'dd-slick' jQuery plugin breaks auto-update of data
body: <p>I am using <code>jquery.ddslick.min.js</code> jQuery plug-in to create stylized drop-down boxes with images for the options.  I also am using <code>jquery.chained.min.js</code> to auto-update the data in the second select box based on the value selected in the first drop-down.</p>
  
  <p>My requirements are: </p>
  
  <ul>
  <li>Stylize drop-down boxes to allow images to be used in the options</li>
  <li>Automatically update the data in the second drop-down box based on the option chosen in the first.</li>
  <li>Trigger an alert displaying the value of the option chosen</li>
  <li>Provide scrolling capability of drop-down boxes</li>
  </ul>
  
  <p>Currently, items are not updated in the second select box when I choose an option in the first.  I also am having trouble triggering the alert upon selecting an option; the scroll functionality also is not working properly.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;select id="inames"&gt;
      &lt;option value=""&gt;-slect place-&lt;/option&gt;
      &lt;option value="Utilities"&gt;Utilities&lt;/option&gt;
      &lt;option value="Emergency Services"&gt;Emergency Services&lt;/option&gt;
      &lt;option value="General"&gt;General&lt;/option&gt;
  &lt;/select&gt; 
  
  &lt;select id="ddslicks" &gt;
      &lt;option data-imagesrc="../css/PoiImages/airport.png" class="Utilities" value="airport"&gt;&lt;/option&gt;
      &lt;option data-imagesrc="../css/PoiImages/ambulance.png" class="Utilities" value="ambulance"&gt;&lt;/option&gt;
      &lt;option data-imagesrc="../css/PoiImages/atm.png" class="General" value="atm"&gt;&lt;/option&gt;
      &lt;!-- _  _  etc --&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>$("#ddslicks").chainedTo("#inames"); /* or $("#series").chainedTo("#mark"); */
  </code></pre>
  
  <p>I also get problems when I add an alert.</p>
  
  <pre><code>alert($('#ddslicks').val())
  </code></pre>