code works only in debugger mode with break point at consol.log doesn't work otherwise
<p>i have the following code which works only in debugger mode with a beak point at console.log. the array pageData is empty when it is compiled eventually the next each loop is not compiled. I am getting only 10 objects with the ajax call what if i get 100s of objects how to stop the debugger until the array is loaded. and this happens in all browsers</p>

<pre><code>//ajax call ,
            function(responses) {
                responses.data.sort(function(a,b){
                    var aa=a.were;
                    var bb=b.were;
                    return bb-aa;
                });           
                $.each(responses.data, function (index, value) {
                       var pageData1={
                      were: value.were,
                      id: value.id,
                      name: value.name,
                      category: value.category,
                      address: value.location.street,
                      city:value.city,
                      talk: value.talki, 
                      link:value.link
                      }
                    pageData.push(pageData1);
                    });
            });
            console.log(pageData);
     $.each(pageData, function(key,value){
         table=table+"&lt;tr&gt;&lt;td&gt;&lt;a href="+pageData[key].link+"&gt;"+pageData[key].name+"&lt;/a&gt; &lt;/td&gt;&lt;td&gt;"+pageData[key].were+" &lt;/td&gt;&lt;td&gt; "+pageData[key].address+"&lt;/td&gt;&lt;td&gt; "+pageData[key].talk+"&lt;/td&gt;&lt;/tr&gt;";
         });
    $("#tabledata").show();
    $("#messages").append(table);
</code></pre>

<p>edit:<code>
    function(responses) {
        responses.data.sort(function(a, b) {
            var aa = a.were;
            var bb = b.were;
            return bb - aa;
        });
        $.each(responses.data, function(index, value) {
            var pageData1 = {
                were: value.were,
                id: value.id,
                name: value.name,
                category: value.category,
                address: value.location.street,
                city: value.city,
                talk: value.talki, 
                link: value.link
            };
            pageData.push(pageData1);
        });
        console.log(pageData);
        $.each(pageData, function(key, value) {
            table +=
                "&lt;tr&gt;" +
                "&lt;td&gt;&lt;a href="+pageData[key].link+"&gt;"+pageData[key].name+"&lt;/a&gt; &lt;/td&gt;" + 
                "&lt;td&gt;"+pageData[key].were+" &lt;/td&gt;" + 
                "&lt;td&gt; "+pageData[key].address+"&lt;/td&gt;" + 
                "&lt;td&gt; "+pageData[key].talk+"&lt;/td&gt;" +
            "&lt;/tr&gt;";
    });
        $("#tabledata").show();
        $("#messages").append(table);
    });</code></p>