title: jQuery: net::ERR_CONNECTION_RESET
body: <p>I am a new jQuery user and i have a problem. Sometimes I get this error:</p>
  
  <pre><code>jquery.min.js:2 POST http://127.0.0.1:5000/run/wellness net::ERR_CONNECTION_RESET
  send @ jquery.min.js:2
  ajax @ jquery.min.js:2
  k.&lt;computed&gt; @ jquery.min.js:2
  (anonymous) @ wellness:97
  dispatch @ jquery.min.js:2
  v.handle @ jquery.min.js:2
  </code></pre>
  
  <p>JavaScript:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  
      &lt;script type="text/javascript"&gt;
        $('#scrape').on('click', () =&gt; {
        
          var specialty = []; 
          $("input:checkbox[name=specialty]:checked").each(function() { 
            specialty.push($(this).val()); 
          });
          
          $.post('/run/wellness', {'specialty': specialty}, (res) =&gt; {
            $.each(res.data, function(index, card) { 
              var content = '&lt;div class="card mb-3 border border-black" style="max-width: 1195px; background-color: white; margin:0 auto"&gt;'
              content += '&lt;div class="row no-gutters"&gt;'
              content += '&lt;div class="col-md-8"&gt;'
              content += '&lt;div class="card-body"&gt;'
              content += '&lt;h5 class="card-title"&gt;&lt;strong&gt;' + 
                         card.First_and_Last_Name + ' | ' +
                         Phone + '&lt;/strong&gt;&lt;/h5&gt;'
              content += '&lt;small&gt;' + Address + '&lt;/small&gt;'
              content += '&lt;p class="card-text" style="width: 1160px;"&gt;' + card.About + '&lt;/p&gt;'
              content += '&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;'
              $('#output').append(content)
            }); 
          });
        });
      &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>What am I doing wrong here. Any and all help is appreciated. Thanks!</p>