Hover over parent element shows href of child a element
<p>I've created a list item element that contains a child anchor element.</p>

<pre><code>&lt;ul id="machine-list"&gt;
    &lt;li&gt;
        &lt;a href="gosomewhere"&gt;Somewhere&lt;/a&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Using jQuery I'm binding a <code>click</code> event to the list item. When the user clicks I'm grabbing the first anchor tag's href attribute and moving the user to that page.</p>

<p>While this works nicely I'd like to simulate the same hover effect that hovering over a link usually has: showing the referenced link in the status bar. Unfortunately <code>window.status</code> is not getting it done.</p>

<pre><code>$(document).ready(function () {
    $('#machine-list &gt; li')
    .css('cursor', 'pointer')
    .click(
        function (e) {
            window.location = $(e.target).find('a').attr('href');
        })
    .mouseover(
        function (e) {
            window.status = $(e.target).find('a').attr('href');
        });
});
</code></pre>

<p>What should the function in <code>.mouseover</code> look like to get the desired effect? The above code is down and dirty so any general feedback would also be appreciated.</p>
