title: Uncaught TypeError: undefined is not a function when using a jQuery plugin in Magento
body: <p>I am working on a Magento Extension.  Magento has a known issue when you try to use jQuery in Magento because Magento uses the Prototype library.</p>
  
  <p>The work around for it is to put your jQuery code in no conflict mode like this...</p>
  
  <pre><code>jQuery.noConflict();
  </code></pre>
  
  <p>Once I did this, it resolved 90% of my problems i was having with JavaScript errors.  However I still have 3 major problems with JavaScript right now and I believe they are related...</p>
  
  <pre><code>Uncaught TypeError: undefined is not a function
  </code></pre>
  
  <p><a href="http://www.codedevelopr.com/screenshots/2014/2014-08-23_16-14-37.png" rel="nofollow noreferrer">http://www.codedevelopr.com/screenshots/2014/2014-08-23_16-14-37.png</a></p>
  
  <p>When I view the line numbers that it is reporting these errors from I see this...</p>
  
  <p><img src="https://i.stack.imgur.com/mw0ya.png" alt="enter image description here"></p>
  
  <p>Line 1168 <code>jQuery(".acc-wizard").accwizard({</code> now this <code>accwizard()</code> is a function that is loaded from a jQuery plugin file.  I have verified the file is loaded and it is loaded after my jQuery and after I set the no conflict mode for jQuery.  I am not sure if something in the plugin file needs to be changed as well to work with the no conflict mode or why it is saying it is undefine?</p>
  
  <p>Same situation with <code>simplecolorpicker()</code> on line 1180.</p>
  
  <p>I have uploaded the file that holds the <code>accwizard()</code> jQuery Plugin, it is about 14kb in size and can be found here <a href="http://www.codedevelopr.com/screenshots/2014/acc-wizard-bs-3.js" rel="nofollow noreferrer">http://www.codedevelopr.com/screenshots/2014/acc-wizard-bs-3.js</a> I figured it is a little to large to post that code here.</p>
  
  <p>Can anyone help me to get these errors resolved?  It seems any jQuery plugin I try to use results in this undefined error above?</p>
  
  <hr>
  
  <p><strong>UPDATE</strong></p>
  
  <p>So I have been experimenting with a lot of things with no luck...that is until I tried loading all my JS files inline in my actual template page that my extension uses...once I do that, it all works with none of these errors.</p>
  
  <p>This is frustrating though as I much prefer to have separate JS file for my JS...instead of loading 3 JS files I even tried putting all 3 into 1 file and loading that 1 file but I still get the JS errors...now when I copy that 1 file that had all 3 files combined and put it directly in the template file...everything works perfectly! This makes no sense to me, please help?</p>