I have got a div element, in side which there are two jquery spinner controls. There are multiple copies of this div elements inside a jquery sortable control. I can move the div's up and down to sort the order. The problem is if I move the div by holding the mouse and leave it, spin buttons are appearing twice. Please find the links to screen shots below.
https://docs.google.com/file/d/0B-02O35keeGGdXl3d2dUeEdXeHc/edit?usp=sharing https://docs.google.com/file/d/0B-02O35keeGGTDBNdG5xTE9CNjQ/edit?usp=sharing
When I view for the source, it is showing code added for two spin buttons(2 up and 2 down buttons). Please can some one help me resolve this issue?
Pasted below the spin button code added twice.
<span class="ui-spinner ui-widget"> <div class="ui-spinner-buttons" style="height: 20px; left: -32px; top: -20px; width: 16px;"> <div class="ui-spinner-up ui-spinner-button ui-state-default ui-corner-tr" style="width: 14.18181824684143px; height: 8.18181824684143px;"> <span class="ui-icon ui-icon-triangle-1-n" style="margin-left: -0.9090908765792847px; margin-top: -3.9090908765792847px;"> </span> </div> <div class="ui-spinner-down ui-spinner-button ui-state-default ui-corner-br" style="width: 14.18181824684143px; height: 8.18181824684143px;"> <span class="ui-icon ui-icon-triangle-1-s" style="margin-left: -0.9090908765792847px; margin-top: -3.9090908765792847px;"> </span> </div> </div> </span> <span class="ui-spinner ui-widget"> <div class="ui-spinner-buttons" style="height: 20px; left: -16px; top: 0.909088134765625px; width: 18px;"> <div class="ui-spinner-up ui-spinner-button ui-state-default ui-corner-tr" style="width: 16px; height: 10px;"> <span class="ui-icon ui-icon-triangle-1-n" style="margin-left: 0.09090912342071533px; margin-top: -2.9090908765792847px;"> </span> </div> <div class="ui-spinner-down ui-spinner-button ui-state-default ui-corner-br" style="width: 16px; height: 10px;"> <span class="ui-icon ui-icon-triangle-1-s" style="margin-left: 0.09090912342071533px; margin-top: -2.9090908765792847px;"> </span> </div> </div> </span>![](https://forum.jquery.com/viewImage.do?fileId=14737000003992047&forumGroupId=14737000000003003)
![](https://forum.jquery.com/viewImage.do?fileId=14737000003992049&forumGroupId=14737000000003003)