title: Search form submit by enter and image button?
body: <p>I'm customizing Wordpress's Twenty Eleven 'SearchForm' / 'searchform.php' -- </p>
  
  <p>I want to keep the Enter-to-Search functionality; but I want to add my custom Image button for users to also have the traditional click-button-submit.</p>
  
  <p><em><strong>HOWEVER;</em></strong> when I drag the Ids, classes, and name used on the functional default to the new Image button - my image does not display. But, when I don't have those classes, etc used.. It renders?</p>
  
  <p>Below is where I'm currently at with the code. (Any suggestions?)</p>
  
  <pre><code>&lt;?php
  /**
   * The template for displaying search forms in Twenty Eleven
   *
   * @package WordPress
   * @subpackage Twenty_Eleven
   * @since Twenty Eleven 1.0
   */
  ?&gt;
  
  &lt;form method="get" id="searchform" name="searchform" action="&lt;?php echo esc_url( home_url( '/' ) ); ?&gt;"&gt;
  &lt;label for="s" class="assistive-text"&gt;&lt;?php _e( 'Search', 'twentyeleven' ); ?&gt;&lt;/label&gt;
  &lt;input type="text" class="field" name="s" id="s" value="Search, title, author, keyword" onfocus="ClearForm();" style="width: 225px;"&gt;
  &lt;input type="submit" src="http://#/wp-content/uploads/2012/03/searchnav_btn.gif" style="position:absolute;" value="&lt;?php esc_attr_e( 'Search' ); ?&gt;" class="submit" name="submit" id="searchsubmit"/&gt;
  
  &lt;input type="image" src="#/wp-content/uploads/2012/03/searchnav_btn.gif" style="position:absolute;" value="&lt;?php esc_attr_e( 'Search' ); ?&gt;" class="submit" name="submit" id="searchsubmit"/&gt;
  
  &lt;/form&gt;
  
  &lt;script language="javascript"&gt;
  &lt;!--
  function ClearForm() {
    document.searchform.submit.value= "";
  }
  
  //--&gt;
  &lt;/script&gt;
  </code></pre>