title: jquery - change text color
body: <p>I'm new to Jquery and I'm trying to get started by simply changing the color of the font when I hover over it. I thought that I put the right code in but it's not working? can someone help me get this going?</p>
  
  <p>SHOW.JS:</p>
  
  <pre><code>$(document).ready(function(){
   $(".modal").hover(function(){
   $(".modal").css("color","red");
  }));
  </code></pre>
  
  <p>SHOW.HTML.ERB:</p>
  
  <pre><code> &lt;p class="modal"&gt;&lt;%= @subscriber.last_name %&gt;&lt;/p&gt;
  </code></pre>
  
  <p>APPLICATION.JS:</p>
  
  <pre><code> //= require jquery
   //= require jquery_ujs
   //= require turbolinks
   //= require_tree .
  </code></pre>
  
  <p>This is all my code. I just wanted to keep it simple at first.</p>