title: Simple AJAX Get request is "pending"
body: <p>I am trying to implement a simple AJAX GET request. This request tells the server to delete a document in a database. While I get confirmation from the server that the document is deleted, the Chrome Inspector shows that the request sits as "pending", eventually resulting in a server error.</p>
  
  <p>What am I doing incorrectly?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="delete-note"&gt;
      &lt;a href="#"&gt;&lt;i class="icon-minus-sign"&gt;&lt;/i&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$('.delete-note').click(function(e) {
    var url = '/docs/' + doc_id + '/note_destroy/' + note_id;
    $.ajax({
      type: "GET",
      url: url,
      cache: false,
    });
    e.preventDefault();
  });
  </code></pre>
  
  <p>Edit: Including server-side code as well:</p>
  
  <p><strong>Node/Express</strong></p>
  
  <pre><code>exports.note_destroy = function(req, res) {
    Doc.findOne({ doc_id : req.params.doc_id }, function(err, data) {
      if (err) throw (err);
      note_id = req.params.note_id;
      data.notes.id(note_id).remove();
      data.save(function(err) {
        if (err) throw (err);
        console.log('note ' + note_id + 'is removed.');
      });
    });
  };
  </code></pre>