title: how do i get jquery to work in joomla 3 with a template that has jquery already built in?
body: <p>I've installed Joomla 3 and have the "<a href="http://www.shape5.com/demo/index.php?gamers" rel="nofollow">Gamers</a>" template installed from Shape 5.</p>
  
  <p>jQuery seems to be already loaded with this template but I can't get any jQuery script to work in a module.</p>
  
  <p>I've tried using both $ and jQuery as I believe Joomla uses <code>jQuery</code> instead of <code>$</code> but no luck. I've also tried using the plugin to load jQuery no conflict from the Joomla Extentions Directory.</p>
  
  <p>I'm trying something simple like below, does anyone have any suggestions on troubleshooting this?</p>
  
  <pre><code>&lt;div id="div1"&gt;div1 contents&lt;/div&gt;
  &lt;div id="div2" style="display: none"&gt;div2 contents&lt;/div&gt;
  &lt;button id="button"&gt;Button&lt;/button&gt;
  
  &lt;div id="div3"&gt;div3 contents&lt;/div&gt;
  &lt;div id="div4" style="display: none"&gt;div4 contents&lt;/div&gt;
  &lt;button id="button2"&gt;Button&lt;/button&gt;
  
  &lt;script&gt;
          $('#button').on('click', function() {
          $('#div1').remove();
          $('#div2').show();
      });
  
  
      $('#button2').on('click', function() {
          $('#div3').html($('#div4').html());
      });
  &lt;/script&gt;
  </code></pre>