title: Load div for ajax success
body: <p>This has been asked before and I did look around, tried many methods but it does not execute. Only an <code>alert</code> function seems to work. I am trying to load a small div on <code>success:</code> after executing my <code>POST</code> in ajax. Here is my code:</p>
  
  <pre><code>$("#send").click(function(e) { e.preventDefault();
  
            $.ajax({
              type: 'POST',
              url: 'actions/update.php',
              data: $('#content').serialize(),
              success: function() {
            $(this).html('&lt;div id="status"&gt;Saved!&lt;/div&gt;');
            }
            });
  
          });
  
        $('#status').delay(5000).fadeOut(400);
  </code></pre>
  
  <p>My CSS to this Div:</p>
  
  <pre><code>#status {
  position:fixed;
  top:50%;
  left:50%;
  z-index:100000;
  width:150px;
  height:150px;
  margin:-75px 0 0 -75px;
  background-color:rgba(0,0,0,0.7);
  border-radius:150px;
  font-size:30px;
  line-height:150px;
  font-weight:700;
  color:#fff;
  text-align:center;
  cursor:default; }
  </code></pre>
  
  <p>Could I be causing conflict somewhere? Is this because <code>e.preventDefault();</code> Any help or link would be appreciated! </p>