title: JQuery Remove() doesn't work
body: <p>I have a DIV element inside another as follows:</p>
  
  <pre><code>&lt;div id="filters"&gt;
      &lt;div class="filterData"&gt;hello&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and I'm trying to remove the element:</p>
  
  <pre><code>$("#filters").remove('.filterData');
  </code></pre>
  
  <p>Problem is, it doesn't. I've tested on other elements on my page and it works. The thing is, I cannot append to it, show or hide it, use .empty. I've also changed it to be a DIV with 'filterData' as the ID and told JQuery to remove it but it refuses to...</p>
  
  <p>Has anyone had a stuborn element like this before?</p>
  
  <p>EDIT: I'm also trying to remove it inside a <code>$(document).ready</code> function so I have no idea.</p>