jQuery tweet plugin - tweet formatting adjustment, timestamp and user
<p>I need someones very very clever jquery skills as I can't figured out how to do this.</p>

<p>I have made this <a href="http://jsfiddle.net/motocomdigital/L5uh4/" rel="nofollow">jsFiddle</a> for help <a href="http://jsfiddle.net/motocomdigital/L5uh4/" rel="nofollow">http://jsfiddle.net/motocomdigital/L5uh4/</a></p>

<p><img src="http://i.stack.imgur.com/Cq5uY.png" alt="screenshot"></p>

<p><br /></p>

<p><strong>Whats Happening...</strong></p>

<p>I am using this jquery tweet plugin by <a href="http://tweet.seaofclouds.com/" rel="nofollow">sea of clouds</a>.</p>

<p>In a nutshell, below is my function which displays only <strong>one</strong> tweet. But from an array of twitter users. I have put notes in my function below so you know what is going on...</p>

<pre><code>$("#tweet").tweet({
    username: ["seaofclouds", "laughingsquid"],  // array of users
    count: 1,                                    // number of tweets
    loading_text: "loading tweet...",            // loading text
    template: "{avatar}{text}{time}",            // tweet format, in order it appears
    avatar_size: 32                              // avatar size

}).bind("loaded", function(){                    // stuff when loaded

    $("#tweet span.tweet_text").widowFix();

    $("#tweet span.tweet_time").prepend("tweeted by @username "); 

});
</code></pre>

<p><br /></p>

<p><strong>My Problem</strong></p>

<p>As you can see, I have added the timestamp to appear at the end of the tweet using <code>template: "{avatar}{text}{time}"</code></p>

<p>But in this plugin there is NO option for <code>{user}</code> - so as you can see I have prepended this text '<em>tweeted by @username</em>' to my <code>span.tweet_time</code></p>

<p>This is so it reads... <em>tweeted by @username about 13 hours ago</em></p>

<p>My problem is that I can't get the current tweet username to appear in where '@username' appears</p>

<p><br /></p>

<p><strong>My Question</strong></p>

<p>Can some one figure out how to get the current tweet username from the avatar link and add the username (as a twitter user hyperlink) to where @username appears below...</p>

<pre><code>$("#tweet span.tweet_time").prepend("tweeted by @username"); 
</code></pre>

<p>So the final outputted code will look like this...</p>

<pre><code>&lt;a href="http://twitter.com/LaughingSquid" title="View @LaughingSquid on twitter" target="_blank"&gt;@LaughingSquid&lt;/a&gt;
</code></pre>

<p><br /></p>

<p>Please see below the outputted avatar html which you can see the twitter link with the username at the end of URL. I hoping someone can use jquery to extract that username?</p>

<pre><code>&lt;a class="tweet_avatar" href="http://twitter.com/LaughingSquid"&gt;
     &lt;img src="http://a0.twimg.com/profile_images/340068086/laughing_squid_logo_normal.jpg" height="32" width="32" alt="LaughingSquid's avatar" title="LaughingSquid's avatar" border="0"&gt;
&lt;/a&gt;
</code></pre>

<p><br /></p>

<p>Many thanks in advance for this. This will be a life saver.</p>

<p>Josh</p>
