JQuery / Javascript Image Replace
<p>I am trying to do a very simple image replace of the Twitter widget logo to a logo I specify. How can I do this, please note that the twitter logo has NO ID or class on it, so I am not exactly sure how I can do a replace, it may have to loop through each of the images and then only replace the one that matches.</p>

<p>Example ..</p>

<pre><code>&lt;script src="http://widgets.twimg.com/j/2/widget.js"&gt;&lt;/script&gt;
&lt;script&gt;
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#000000',
      color: '#ffffff',
      links: '#4aed05'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('twitter').start();
&lt;/script&gt;
</code></pre>

<p>Above is the Twitter code I am using, it renders the twitter logo and the URL is <a href="http://widgets.twimg.com/i/widget-logo.png" rel="nofollow">http://widgets.twimg.com/i/widget-logo.png</a>, I need to change this to /image/twitter.jpg.</p>
