title: Hide leanModal div with form
body: <p>First of all I want to say I am not a javascript expert at all..</p>
  
  <p>I am testing <a href="https://twitter.com/finelysliced" rel="nofollow">Ray Stone</a>'s <a href="http://leanmodal.finelysliced.com.au/" rel="nofollow">leanModal pluggin</a>.
  I am able to open and close modal using the pluggin.</p>
  
  <p>I have added a form to modal div.
  What I want to do now is to close the modal when user clicks submit button (as you can see in project website).</p>
  
  <p>The problem is that I don't process the form as usual. I get the data using jQuery and I do request to server using <code>$.ajax()</code>. Here is my code:</p>
  
  <pre><code> $(function() {
       $('#add-user').submit(function() {
           $.ajax({
               type: 'post',
               url: '***',
               data: '***',
               contentType: 'application/json',
               dataType: 'json'
           });
           $(this).closest('form').find("input[type=text], textarea").val("");
           $(this).leanModal.closeModal('#cp');
           return false;
       }); 
  });
  </code></pre>
  
  <p>Where
   <code>#add-user</code> is the link that opens the modal.
   <code>#cp</code> is the div id of the modal.</p>
  
  <p>In this case the div gets close but the blur behind the div does not dissapear until user do clicks. The effect is the same than using <code>$('#cp').remove();</code>
  How can I totally close the div when the request is sent?
  Thanks in advance</p>
  
  <p><strong>Update:</strong> A jsFiddle with my code is available <a href="http://jsfiddle.net/PTGFQ/" rel="nofollow">here</a>.
  Some CSS rules are missed and I have not featured the AJAX request but I think the main code is there.</p>