title: removing class or element with id with jquery
body: <p>I'm trying to remove a div from the page (preferably prevent it from loading at all) but for now i'm settling on removing it after the page loads.</p>
  
  <p>i tried out these lines of codes here on jsfiddle and it works. and the '#content_gallery' div gets removed.</p>
  
  <p><a href="http://jsfiddle.net/FRYsJ/9/" rel="nofollow">http://jsfiddle.net/FRYsJ/9/</a></p>
  
  <pre><code>&lt;script type='text/javascript'&gt;
  
  $(document).ready(function(){$('#content_gallery').remove();});
  
  &lt;/script&gt;
  </code></pre>
  
  <p>but when i apply it on the head of my test website. it doesnt remove the div with the id specified. i also tried removing other divs with other id labels</p>
  
  <p>test site: <a href="http://stage.bravo-company.info/luchatest/category/gallery/" rel="nofollow">http://stage.bravo-company.info/luchatest/category/gallery/</a></p>
  
  <p>i also tried:</p>
  
  <pre><code> $(document).ready(function(){        
          $('#content').remove();
  
   });
  </code></pre>
  
  <p>and</p>
  
  <pre><code>$(function(){
      $('#content_gallery').remove();
  });
  </code></pre>
  
  <p>any ideas? could it be a case of jquery conflict? im not sure how to confirm this.</p>
  
  <p>here is the test site: <a href="http://stage.bravo-company.info/luchatest/category/gallery/" rel="nofollow">http://stage.bravo-company.info/luchatest/category/gallery/</a></p>