External JavaScript working on localhost but not in remote host? <p>This is the site: <a href="http://www.hfwebdesign.com/" rel="nofollow">http://www.hfwebdesign.com/</a></p> <p>I'm getting this error: <code>Uncaught TypeError: Object [object Object] has no method 'flexslider'</code></p> <p>But in my localhost it works perfectly.</p> <p>This is the <code>&lt;head&gt;</code> (where the script is being called):</p> <pre><code>&lt;head&gt; &lt;meta charset="&lt;?php bloginfo( 'charset' ); ?&gt;" /&gt; &lt;meta name="viewport" content="width=device-width" /&gt; &lt;title&gt;&lt;?php wp_title( '|', true, 'right' ); ?&gt;&lt;/title&gt; &lt;link rel="profile" href="http://gmpg.org/xfn/11" /&gt; &lt;link rel="pingback" href="&lt;?php bloginfo( 'pingback_url' ); ?&gt;" /&gt; &lt;link rel="stylesheet" type="text/css" media="all" href="&lt;?php bloginfo( 'template_url' ); ?&gt;/js/flexslider/flexslider.css" /&gt; &lt;link rel="icon" type="image/png" href="&lt;?php bloginfo( 'template_url' ); ?&gt;/favicon.ico" /&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="&lt;?php bloginfo( 'template_url' ); ?&gt;/js/flexslider/jquery.flexslider-min.js"&gt;&lt;/script&gt; &lt;?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?&gt; &lt;!--[if lt IE 9]&gt; &lt;script src="&lt;?php echo get_template_directory_uri(); ?&gt;/js/html5.js" type="text/javascript"&gt;&lt;/script&gt; &lt;![endif]--&gt; &lt;?php wp_head(); ?&gt; &lt;/head&gt; </code></pre> <p><strong>footer:</strong></p> <pre><code>&lt;script type="text/javascript"&gt; var $j = jQuery.noConflict(); $j(document).ready(function() { $j('.flexslider').flexslider({ animation: "slide" }); }); &lt;/script&gt; &lt;/body&gt; </code></pre> <p>Could it be that the code is breaking in the web server in the remote host and not in my localhost (e.g. they are different version of LAMP/APACHE?)</p>