title: How to add JQuery to a Joomla 3 page
body: <p>I am new to Joomla 3.</p>
  
  <p>I am trying to add a JQuery script to a joomla page that runs with the $ sign. 
  In the <a href="http://docs.joomla.org/J3.2%3aJavascript_Frameworks#jQuery_JavaScript_Framework" rel="nofollow">documentation</a>, I found that I need to add <code>JHtml::_('jquery.framework', false);</code> to do that, but it isn't working.</p>
  
  <p>I tried:</p>
  
  <pre><code>&lt;?php 
  
  JHtml::_('jquery.framework', false);
  
  ?&gt;
  
  &lt;div class="text"&gt;JQuery is not working&lt;/div&gt; 
  
  &lt;script type=text/javascript"&gt;
  
  $(document).ready(function(){
  
  $('.text').text("JQUERY ROCKS!");
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>And the usual:</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt;    
  
  &lt;div class="text"&gt;JQuery is not working&lt;/div&gt; 
  
  &lt;script type=text/javascript"&gt;
  
  $(document).ready(function(){
  
  $('.text').text("JQUERY ROCKS!");
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>But none works. Why?</p>