title: Issue with sortable() and how to limit number of sortable items using JQuery
body: <p>I have two things to ask for. Here is my reference code: <a href="http://jsbin.com/axegem/19/" rel="nofollow">http://jsbin.com/axegem/19/</a></p>
  
  <p><strong>Issue:</strong> When I drag and drop divs within one parent, every thing is fine. If I drop the element onto other parent, I see my Dropped() event is called twice. To make it more clear, if I drop <strong>DIV 3</strong> after <strong>DIV 6</strong> (with respect to my sample code), I see the alert coming twice. Why is this so? This is supposed to be coming once.</p>
  
  <p><strong>Question:</strong> Once the above issue is solved, I need to limit the number of childs to 4. Lets say I have <strong>DIV 4, DIV 5, DIV 6</strong> in my second parent. If I try to drop <strong>DIV 3</strong> after <strong>DIV 6</strong>, <strong>DIV 3</strong> must come back to its original position. How can I achieve this using JQuery?</p>
  
  <p>Thanks..</p>