title: Using Jquery UI Slider to trigger Resizable
body: <p>Has anyone used the slider to trigger resizable? This way, we can use the values from the slider to manipulate the width and height of another element. Here is a an example:</p>
  
  <pre><code>$("#myslider").slider({
          value: 50,
          max: 100,
          min: 0,
          stop: function(event, ui) {
              $( ".scalablediv" ).resizable({
                 resize: function(event, ui) {
                 ui.size.width = ui.value;
              }
       });        
     }
  });
  
  &lt;div class="scalablediv"&gt;&lt;/div&gt;
  </code></pre>