Jqgrid not displaying any icons for Add/Edit/Search etc.

See more:

.NET

JQGrid

MVC4

I am able to display the jqGrid but the icons that are supposed to be there (Add, Edit, Delete, Search, Refresh etc. ) do not show up in my grid. When I hover over the place where the icons are supposed to be, it displays the name for the respective actions but just the images do not show up. Any help or suggestions would be great. Thanks in advance.

This is the javascript code that I am using.

function LoadAllUsers()
    {
        jQuery("#list2").jqGrid({
            url: privateserviceURL + "LoadAllUsers",

            datatype: 'json',
            //url access method type
            mtype: 'POST',
            //columns names
            colNames: ['UserId', 'First Name', 'Last Name', 'Email', 'Password', 'Phone'],
            colModel: [
                { name: 'UserId', index: 'UserId', width: 55, hidden: true },
                { name: 'First Name', index: 'FirstName', width: 90 },
                { name: 'Last Name', index: 'LastName', width: 90 },
                { name: 'Email', index: 'Email', width: 100 },
                { name: 'Password', index: 'Password', width: 90 },
                { name: 'Phone', index: 'Phone', width: 90 }
            ],
            hidegrid: false,
            width: 790,
            height: 300,
            rowNum: 10,
            rowList: [10, 20, 30],
            pager: jQuery('#pager2'),
            sortname: 'UserId',
            viewrecords: true,
            sortorder: "desc",
            caption: "JSON Example"
        }).navGrid('#pager2', { view: true, del: true, add: true, edit: true, search: true });
    }