WordPress wiget admin panel

So here is what’s happen :

When you create a widget and init it in functions.php he will be placed, with all it’s content(that means the html from public function form( $instance )), into <div id="widget-list"> (the area from the left of the admin panel which list all the widgets). So when you will drag it onto the widget area you will have 2 of them on the admin panel. One placed into <div id="widget-list"> and one into <div id="widget-area">. So your jQuery script need to work only with the widget from the widget area, for that you will need to have something like $(“#widget-area .another-selector”) in your script .

Another thing that it can be easily understand from what I wrote above is that all your divs (elements) must have classes and not ids.