title: if input value equals specific text, display div
body: <p>I'm learning jQuery slowly but surely, so please excuse my ignorance. I did a lot of googling that resulted in the Frankenstein example below. </p>
  
  <p>In this example, if the user enters "Kasey" into the <code>input</code>, I would like div#pete to have <code>display:block</code>.</p>
  
  <p>Thanks in advance!</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
  &lt;script&gt;
  $(document).ready(function(){ 
  var val = $("#fname").length;
  if (val = Kasey) {
          $("#pete").css("display", "block");
      } 
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;p&gt;Name: &lt;input type="text" id="fname"&gt;&lt;/p&gt;
  &lt;p id="pete" style="display:none;" &gt;Pete&lt;/p&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>