title: Dynamically change an image on a web page
body: <p>I’m having some difficulties trying to dynamically change an image.</p>
  
  <pre><code>&lt;a href="#no-reload" id="dropMenuButton49" class="dropMenuButton"&gt;
  &lt;input id="searchEngineImage" type="image" src="http://example.com/image.php?i=yahoo-icon.png"&gt;
  &lt;input type="image" src="images/down.png" name="dropDown"&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>I need to change the first one: <a href="http://example.com/image.php?i=yahoo-icon.png" rel="nofollow">http://example.com/image.php?i=yahoo-icon.png</a>.</p>
  
  <p>Is this possible with jQuery or something else?</p>