title: Javascript $(function() Not Working for WordPress
body: <p>Okay, I am trying to add the following jquery in my header.php file for my wordpress website:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(function() {
  
          $( '#co-slider' ).circleslider()
  
  
          });     
      &lt;/script&gt;
  </code></pre>
  
  <p>This is copied directly from the html source file I downloaded, ive spent the past 3 hours trying to come to a conclusion for the problem, however I am a nebie when it comes to wordpress. So far all I have been able to gather is that it is possibly because of no conflict mode. I tried reading up on no conflict here <a href="http://api.jquery.com/jQuery.noConflict/" rel="nofollow noreferrer">http://api.jquery.com/jQuery.noConflict/</a> along with following instructions I thought were relevant from another question and here is the link for that <a href="https://stackoverflow.com/questions/3744348/jquery-not-working-in-wordpress/15103593#15103593">jquery not working in wordpress</a> . Also I dont think this is the issue but this is how I referenced my javascript.</p>
  
  <pre><code>&lt;script type="text/javascript" src="&lt;?php bloginfo('template_url'); ?&gt;/staff_new/js/jquery.circleslider.js"&gt;&lt;/script&gt;&lt;script type="text/javascript" src="&lt;?php bloginfo('template_url'); ?&gt;/staff_new/js/jquery.circleslider.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I say i dont think its the issue because this is how I have it for other things as well and they work just fine, but it is also possible im clueless as to what im talking about. I also read here <a href="http://codex.wordpress.org/Function_Reference/wp_enqueue_script" rel="nofollow noreferrer">http://codex.wordpress.org/Function_Reference/wp_enqueue_script</a> for referencing I should be using wp enqueue. But I also read that the way I currently have it works just fine. Any help would be greatly appreciated, as i would really love to get this working for the site. </p>
  
  <p>Cheers</p>