javascript dont work with jqeury in the same page
<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>
