title: To resize multiple div without having to write multiple functions
body: <p>For my project, I need to have multiple DIVs (one below one) of which all are resizable. I used resizable jquery to resize. But it seems that only one DIV can be activated using one resizeable function (in jquery). I tried with two resizable functions for 2 DIVs then it worked. So is there any way to resize multiple DIVs without having to rewrite the resizable function. Here is my javascript for resizable function</p>
  
  <pre><code>$(function() {
    $( "#resizeDiv" ).resizable();
  });
  </code></pre>
  
  <p>Here is my html:</p>
  
  <pre><code>&lt;div id="resizeDiv" class="ui-widget-content"&gt;                  
    &lt;h3 class="ui-widget-header"&gt;Report 1&lt;/h3&gt;
  &lt;/div&gt; 
  </code></pre>