jQuery Grid Plugin - jqGrid

Ok.  I am seeing rows 1 through 20 being rendered in my grid.  Which is great!  But my problem is that I believe that I have set up my grid to display ALL rows, of which there are 70 some odd.  Here is the live demonstration to what it is doing.  To see what I am talking about, click the "Bullet" menu item that pulls down after hover over Small Arms.

Here is my code that controls that "bullet" menu item:

$('#bullet').click(function() {
        $('#searchResults').jqGrid({
            url: 'weaponLib/AME_sa-bullet.xml',
            datatype: 'xml',
            colNames:["DODIC","NSN", "Size/Caliber", "Nomenclature"],
            colModel:[
                {name:"dodic",index:"dodic", xmlmap:"DODIC", width:30, align:"center", sorttype:"float"},
                {name:"NSN",index:"NSN", xmlmap:"transData>NSN", width:40, align:"center"},
                {name:"size", index:"size", xmlmap:"size",width:30, align:"center"},
                {name:"nomenclature",index:"nomenclature", xmlmap:"nomenclature", width:120, align:"left"}
                ],
            height:250,
            width: 900,
            viewrecords: true,
            xmlReader: {
                root : "smallArms",
                row: "bullet",
                repeatitems: false,
                id: "[saId]"
                },
            scroll: true,
            altRows: true,
            pager: 'gridNavBar',
            caption: "Bullet Results"
        });
        $('#welcome').css('display', 'none');
        $('#theGrid').css('display', 'block');
    });

Also, how do I clear the display if someone would select one menu item and not find what they are looking for. Then they select another menu item.  The original grid still remains displayed and unmoved.

Sorry for asking about the simple stuff, but I am learning javascript through "Trial by fire"; as I go.

Tony

tony