Only display some html if a row is selected
<p>I'm using <a href="http://datatables.net" rel="nofollow">DataTables</a> and have this code to highlight the rows selected:       </p>

<pre><code>    /* Click event handler */
    $('#items-table tbody tr').live('click', function () {
        var id = this.id;
        var index = jQuery.inArray(id, aSelected);

        if ( index === -1 ) {
            aSelected.push( id );
        } else {
            aSelected.splice( index, 1 );
        }

        $(this).toggleClass('row_selected');
    } );
</code></pre>

<p>What I would like to do is only display the following html if one or more rows are selected:</p>

<pre><code>&lt;p&gt;
&lt;a href="javascript:void(0)" id="delete"&gt;Delete selected rows&lt;/a&gt;           
&lt;/p&gt;
</code></pre>

<p>How can I achieve this?</p>
