title: Multiple jquery-ui sliders
body: <p>I'm having some problems using multiple sliders at the same time.</p>
  
  <p>In the html I have something like:</p>
  
  <pre><code>&lt;div id="slider1"&gt;&lt;/div&gt;
  &lt;div id="slider2"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And in the javascript:</p>
  
  <pre><code>$("#slider1").slider({
      slide: function(event, ui) { alert("slider 1 slided"); }
  });
  
  $("#slider2").slider({
      slide: function(event, ui) { alert("slider 2 slided"); }
  });
  </code></pre>
  
  <p>Both sliders appear, but when moving slider1 it displays the alert "slider 2 slided". If I add more sliders the behaviour is the same, all sliders call the event for the last registered slider.</p>
  
  <p>Am I missing something or is this a bug in jquery-ui?</p>
  
  <p>This is jquery 1.4.2 with jquery-ui 1.8.6 </p>