title: jQuery using Sortable with dynamically added elements (live refresh)
body: <p>I have a <code>&lt;form id="#form"&gt;</code> that have a <code>&lt;span class="con"&gt;</code> and inside the span i have many divs that needs to be sortable. </p>
  
  <pre><code>&lt;form id="form"&gt;
      &lt;span class="con"&gt;
          &lt;div class="ui-state-highlight"&gt;Item 1&lt;/div&gt;
          &lt;div class="ui-state-highlight"&gt;Item 2&lt;/div&gt;
          ... 
      &lt;/span&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I'm using the sortable function to make div Sortable. </p>
  
  <pre><code>$("span").sortable({
      connectWith: ".con"
  }).disableSelection();
  </code></pre>
  
  <p>I'm dynamically adding  with divs inside. But sortable is not recognizing  newly added spans. I know there's a <code>refresh</code> option for sortable that is supposed to work like <code>live()</code> and reognize newly added content, but i don't see how i can use it with this example.</p>
  
  <p><strong>Check <a href="http://jsfiddle.net/mRyVp/8/">http://jsfiddle.net/mRyVp/8/</a></strong>. Click on the button to add more spans with divs inside. You will see that you can sort div that were initially in DOM but not newly added ones.  </p>