title: Ajax get call ,getting error ERR_INSUFFICIENT_RESOURCES
body: <p>I need to refresh content of my page every after few mili seconds.my code works fine for few seocnds but after sometime it went to error block and console display :: ERR_INSUFFICIENT_RESOURCES 
  Attaching code herewith :</p>
  
  <pre><code>$(function(){
      var refresh_count = 100;
      {% if 'msg' in entry.keys() %}
          var contentVal = "abc"
          console.log(contentVal);
          $('#content').append(contentVal);
      {% end %}  
  
      function refreshDiv() {
          var queryStr = "";
          $("#{{ entry["tid"] }} input[type=hidden]").each(function() {
              var name = "&amp;";
              name = name + $(this).attr('name');
              queryStr = queryStr + name + "=" + encodeURIComponent($(this).val());
          });
          $.ajax({
              cache: false,     
              type: 'get',
              url: 'getddata', 
              data: 'data=' + queryStr,
              success: function(result) {
                  if (refresh_count &gt; 0) {  
                      $('#content').html('');
                      //result = result.replace('&amp;lt;','&lt;').replace('&amp;gt;', '&gt;').replace('&amp;quot;', '"');
                      result = result.replace('&amp;lt;','&lt;').replace('&amp;gt;', '&gt;');
                      //alert(result);
                      $('#content').append(result);
                  }   
              },
              error: function(xhr, textStatus, errorThrown) { 
                  $('#content').html('&lt;span class="label label-danger"&gt; &lt;i class="fa fa-exclamation-triangle"&gt;&lt;/i&gt; Error While Loading&lt;/span&gt;');
              }
          });
      }
  
      if (refresh_count &gt; 0) {   
          setInterval(refreshDiv, 4000);  
      }   
  });
  </code></pre>