title: Done function is never executed
body: <p>I'm having problems with one of my javascript functions. throughout my webpage i have multiple  <code>$.ajax</code> calls followed by <code>.done()</code> and they all seem to work, except one. Can someone spot error?</p>
  
  <pre><code>me.AcquireProject = function (lnkClicked) {
      myheader = lnkClicked.closest('th');
      // Get text from cell
      var headerTxt= myheader.clone().children().remove().end().text()
  
      $.ajax({
          type: "POST",
          url: "UpdateProperties.aspx",
          data: {
              action: "UpdateProject",
              projectId: headerTxt
          }
      })
      .done(function (data) {
          myheader.append('&lt;span class="label label-info pull-right"&gt; TEST: Ajax call is completed &lt;/span&gt;')
      })
  }
  </code></pre>
  
  <p>debugging using VS2010 &amp; Firefox-firebug  showed that the <code>ajax-call</code> is executed <code>without fault</code>.  But <code>my debugpoint @myheader.append... is never reached</code>.</p>
  
  <p><strong>Question</strong>: What could be the reason for it to skip the done() part?</p>
  
  <p><strong>Note:</strong> As i'm still a 'beginner', don't be afraid to criticise my Jquery usage. I'm open (even requesting) for improvements.</p>