JQuery Draggable с 2 ручками

Только некоторые из моих дочерних элементов выбираются, почему не все из них? Является ли это ошибкой jquery или неправильным селектором? Я пытаюсь выбрать все дочерние элементы в двух div один внутри other.Here мои jquery и html коды:

    $("#friendlistdiv1").draggable({ handle: "friendlistdiv>*" });
    $("#friendlistdiv1").draggable({ handle: "friendlistdiv1>*" });


<div id="friendlistdiv1">
    <div id="blackbc">
    <input id="friendbutton1"class="menuboutons" type="button" value="Minimize friend list ">
       <img  id="xboutonfriendlist" src="images/xbouton.png" alt="an X button" title="This button will   close this window."/>
    </div>
    <div id="friendlistdiv">

    <div> 
                <p>
                          there is more stuff here in the real code
               </p>
    </div>
    <form action="addfriend.php" method="post">
    <input id="friendlistadd" name="addfriend" type="text" value="Add friend">
    <input id="smallbutton" class="menuboutons" type="submit" value="Add friend" />
    <form>  
</div>