title: JQuery resizeable cancel is not working
body: <p>I'm using JQuery Ui resizeable <a href="http://api.jqueryui.com/resizable/" rel="nofollow">JQueryUI resizeable</a> to resize a DIV, i want to prevent the resize for some child elements inside the DIV. There is a option <code>cancel</code> to do it, but its not working to me</p>
  
  <pre><code>&lt;div id="resize" class="demodiv"&gt;Resize me!
      &lt;div class="cancel"&gt;
          HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>$('#resize').resizable({
      helper: "ui-resizable-helper",
      cancel:".cancel",
  });
  </code></pre>
  
  <p>Fiddle : <a href="http://jsfiddle.net/dfqtt/32/" rel="nofollow">Fiddle</a></p>