title: javascript dont work with jquery in the same page
body: <p>I am having a problem with my code, which is a mix of jquery and plain javascript.  I use jquery to show and hide some <code>div</code>s and the js to refresh a <code>div</code> by loading a page inside the <code>div</code>. The plain js code doesn't work as is, but if I delete the jquery code it works fine. </p>
  
  <p>My code : </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
  &lt;title&gt;Ton plans&lt;/title&gt;
  &lt;link href="template/style.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script type="text/javascript"&gt;
  var auto_refresh = setInterval(
  function ()
  {
      $('#refresh').fadeOut().load('last_post.php').fadeIn();
  }, 10000); 
  &lt;/script&gt;
  &lt;script type="text/javascript" src="js/jquery-1.9.0.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
    //no conflict jquery
    jQuery.noConflict();
    //jquery stuff
    (function($) {
        $(document).ready(function()
        {  
  
  
           $("#bott_div").click(function() {
           $("#div_profile").show(['fast'])
  
           })
  
           $("#page").click(function() {
           $("#div_profile").hide(['fast'])
  
           })
  
  
        })  
   })    
            (jQuery);
  
  &lt;/script&gt;
  
  &lt;/head&gt; 
  </code></pre>
  
  <p>There is a conflict between the jQuery code and the plain javaScript that is preventing it from working properly.  I would require help identifying the problem.</p>