How to Add Horizontal line in Javascript
<p>I would like to add a horizontal seperating line on a dynamic populated table.  How do I do this?   Below is a snippet.</p>

<pre><code>    function addNewRow() {
    $('#displayTable tr:last').after('&lt;tr&gt;&lt;td style="font-size:smaller;" class="dataField1"&gt;&lt;/td&gt;&lt;td style="font-size:smaller;" class="dataField2"&gt;&lt;/td&gt;&lt;td style="font-size:smaller;" class="dataField3"&gt;&lt;/td&gt;&lt;/tr&gt;');
    var $tr = $('#displayTable tr:last');
        $tr.find('.dataField1').text($('#txtName').val());
        $tr.find('.dataField2').text($('#txtAddress').val());
        $tr.find('.dataField3').text('document.write("&lt;tr&gt;&lt;td colspan=\"2\"&gt;&lt;hr \/&gt;&lt;\/td&gt;&lt;\/tr&gt;");
    }
</code></pre>
