Updating an jquery with the ajax post result
<p>i am trying to convert prototype to jquery of what i did.</p>

<p>My prototype is</p>

<pre><code> $$(".user-link").each(function(el){
el.observe("mouseover", function(event) {
    _selectedLinkEl = el;
    _detailEl = event.element().next();
    _detailEl.show();
    _href=el.readAttribute('href').split("/")[2];

      new Ajax.Request('/users/user_detail/?name='+_href, {
    onSuccess: function(transport) {
        if (200 == transport.status)
            _detailEl.update(transport.responseText);
        }
                                    });

    _body.observe("mouseover", _bodyMouseOverFunction);
});
});

   var _bodyMouseOverFunction = function(event) {
if(event.element() != _selectedLinkEl &amp;&amp;
        event.element() != _detailEl &amp;&amp;
        !event.element().ancestors().include(_detailEl)) {
_detailEl.hide();
_body.stopObserving("mouseover", _bodyMouseOverFunction);
    }
 };
</code></pre>

<p>How to change the above to jquery ?</p>

<p>user-link is a class name that is present in many of the links. I am trying to perform a ajax request on mouse over this link.</p>

<p>EDIT:</p>

<p>I have tried as
              jQuery(document).ready(function(){</p>

<pre><code>                 jQuery(".user-link").hover(function() {


                       jQuery(this).next().show();
           var href=jQuery(this).attr("href");

           href= href.split("/")[2];

       jQuery.post('http://localhost:3000/users/user_detail/?name='+href,
         function(data){
             alert("Data Loaded: " + data);

            }

           );


      }); //hover
  });// doc ready
</code></pre>

<p>I am getting the alert with the result of the ajax request . How to update an element with the result obtained ??</p>
