title: Cannot add content to a div after using empty() on it
body: <p>I'm trying to add content to a <code>&lt;div&gt;</code> after using <code>empty()</code> on it's parent. But somehow, it wont work. Why wont this work? If I don't use <code>empty()</code> things work. But why not after using <code>empty()</code></p>
  
  <p>What I'm trying is to empty the parent that contains the links <code>.acceptUser</code> or <code>.rejectUser</code> and add fresh links. New content needs to go inside the <code>parent div</code></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
  &lt;title&gt;Side bar poll thingy&lt;/title&gt;
  &lt;script type="text/javascript" src="http://localhost/site/scripts/jQueryCore.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://localhost/site/scripts/rsCore.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://localhost/site/scripts/jquery.validate.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  $(document).ready(function() {
      $('.acceptUser, .rejectUser').click(function() {
  
      var action = $(this).attr('class');
      var type = $(this).data('id');
  
      console.log(action+' '+type);
      console.log($(this).parent());
  
      $(this).parent("div").empty();
      // Wont work : $(this).parent("div").after("&lt;div class='flag'&gt;Success&lt;/div&gt;");
      // Wont work : $(this).parent("div").append("&lt;div class='flag'&gt;Success&lt;/div&gt;");
  
  
    });
  });
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="container"&gt;
  UserName : Norman | SignedUp: 10-09-2013 | SignedUp Location: US
  
  &lt;div class="adminLinks"&gt;
      &lt;span class="acceptUser" data-id="24"&gt;Accept&lt;/span&gt;
      &lt;span class="rejectUser" data-id="24"&gt;Reject&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>