title: Reveal p tag inside element with hover
body: <p>I'm new to JS and am just trying to learn really specific, new functions outside of using CSS3. I want to learn how use hover to show an h1 element that's currently a hidden child within the div.</p>
  
  <p>Here's my markup:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="box"&gt;
    &lt;h1&gt;Project X&lt;/h1&gt;
    &lt;img src="img/concrete.png" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.box h1 { display:none;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$(document).ready(function() {
      $(".box").hover(function(){
          var ind = $(this).text();
          $("h1").text(ind)
      });
  });
  </code></pre>