многократное перетаскивание div теряется после сохранения в базе данных

Я сохраняю хорошую позицию div после перетаскивания в моей базе данных. Но когда я хочу отображать divs, у меня есть пространство:

 <div id="content">
<div id=table_1 class="ui-widget-content"  style= "border: 1px solid #aaaaaa; width: 50px;height: 50px;border-radius: 50%; top:0px; left:0px">vfvv </div>
<div id=table_2 class="ui-widget-content" style= "width: 50px; height: 30px; padding: 0.2em; border: 1px solid #aaaaaa;top:0px; left:0px"> </div></div>

и мой код JQuery:

<script>
        $(function() {
          var map = new Object();   
            //pour chaque div possedant lattribut class
            $( 'div[class]').each(function(index){}).draggable( 
                {   
                    //l'evenement stop correspond fin du drag
                    stop: function(event, ui) {
                        var position = $(this).position();
                        var $newPosX = ui.offset.left - $(this).offset().left;
                        var $newPosY = ui.offset.top - $(this).offset().top;
                        map[this.id] = ui.offset;       
                }, 
                    // permet de delimiter la zone 
                    containment: "#content"}).click(function() {
                    alert('nouria mais rose');
            });

            $("form input[type=submit]").click(function() {
                var allPosition='';
                for (var m in map){
                allPosition+= m +'-' + map[m].top + '-' + map[m].left+'/';
                }
                 $('input[name=positionTables]').val(allPosition);  
            });

        });


        </script>

Проблема заключается в следующем div. Второй div всегда имеет пространство, но не первое.