title: connecting sliders to labels
body: <p>Im reading alot of slideable data from a database, each carrying a unique id, for instance 18056.</p>
  
  <p>So with JQuery ive made a graphical userinterface that shows a slider and a label for each slidable value that i output to the page, typical:</p>
  
  <pre><code>&lt;html&gt;
  
      &lt;head&gt;
          &lt;link type="text/css" href="css/ui-lightness/jquery-ui-1.8.9.custom.css" rel="stylesheet" /&gt;    
          &lt;script type="text/javascript" src="js/jquery-1.4.4.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="js/jquery-ui-1.8.9.custom.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              $(function(){
  
                  $(".slider").slider({
  
                      range: true,
                      min: 0,
                      max: 100,
                      values: [parseInt($("#from"+(this.id).split("slider")[1]).text()), parseInt($("#to"+(this.id).split("slider")[1]).text())],
  
                      slide: function( event, ui ) {
  
                          $("#from"+this.id.split("slider")[1]).text(ui.values[0]);
                          $("#to"+this.id.split("slider")[1]).text(ui.values[1]);
                      }
  
                      });             
              });
          &lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;label id="from0"&gt;10&lt;/label&gt;-&lt;label id="to0"&gt;90&lt;/label&gt;
          &lt;div id="slider0" class="slider"&gt;&lt;/div&gt;
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>It says i can call split on line 15, on the values: ... line :( Anyone have a clue?</p>