listViewSingleRecord

by Reusablecode

HTML

<h2>pg 391</h2>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="575">
<tbody>
    <tr><td colspan="4">&nbsp;</td></tr>
<tr>
<td align="left" valign="top" width="150">
<strong>
<a href="http://doc.jsfiddle.net/media/index.html#wallpaper" class="namelink">Abell, Katrina</a>
</strong>
</td>
    
<td align="left" valign="top" width="145">Woburn,&nbsp;MA&nbsp;&nbsp;US</td>
<td align="left" valign="top" width="250">(2005 TUFTS UNIV SVM)</td>
<td align="center" valign="top" width="30">
<a id="update" href="#" class="view">Update</a>
</td>
    
</tr>
</tbody>
</table>

JavaScript 1.7

$(document).ready(function() {      
        alert('update document is ready');

        $('<div>', {
            id: 'specialPlace',
            text: 'Click Me!',
            click:function(){
                alert("Advanced jQuery");
            }
        }).insertBefore('#update');
        

        $('a#update').click(function(event) {
            
            alert('update was clicked');
            var url = $(this).attr('href');
            $('div#specialPlace').load(url);
            event.preventDefault();

        });
        
});