title: Make a div fade out on focus of a text area
body: <p>I have a div that I'd like to have fade out using JavaScript when a certain text area is clicked/focused. Is this possible?</p>
  
  <p><strong>Text area HTML</strong></p>
  
  <pre><code>&lt;label for="message"&gt;Message:&lt;/label&gt;
      &lt;textarea name="message" id="message" wrap="physical" 
           placeholder="What's on your mind?"&gt;
      &lt;/textarea&gt;
  </code></pre>
  
  <p><strong>HTML for div I'd like to fade out</strong></p>
  
  <pre><code>&lt;div id="bubble"&gt;
      &lt;img src="images/hire_me_bubble.png" alt="Hire me" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS for bubble</strong></p>
  
  <pre><code>#bubble{
      width:201px;
      height:189px;
      position:absolute;
      left:416px; 
      top:300px; 
      z-index: 99;
      overflow:visible;
  }
  </code></pre>