Javascript $(function() Not Working for WordPress


Staff member
Okay, I am trying to add the following jquery in my header.php file for my wordpress website:

<script type="text/javascript">
    $(function() {

        $( '#co-slider' ).circleslider()


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="" rel="nofollow noreferrer"></a> along with following instructions I thought were relevant from another question and here is the link for that <a href="">jquery not working in wordpress</a> . Also I dont think this is the issue but this is how I referenced my javascript.

&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;

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="" rel="nofollow noreferrer"></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.