title: Clear search box on the click of a little "x" inside of it
body: <p>I'm working on a search form for a tumblr theme. I'm wondering if there's any simple JavaScript, CSS, or jQuery solution that when a little tiny "x" image <strong>inside</strong> the textbox is clicked, it clears the form? An example of this is on apple.com. Here's the search code I'm working with:</p>
  
  <pre><code>&lt;form id="search" action="/search"&gt;
      &lt;p&gt;
          &lt;input type="text" name="q"  placeholder="Search&amp;hellip;" /&gt;
      &lt;/p&gt;
  &lt;/form&gt;
  </code></pre>