title: code works only in debugger mode with break point at consol.log doesn't work otherwise
body: <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>