jqGrid no carga datos

[wanmr]

Hola a todos, quiero trabajar jqGrid pero tengo el problema que no me carga los datos, he tomado el ejemplo desde la Web oficial que es este link http://www.guriddo.net/demo/guriddojs/ y tomo como ejemplo "Load from JSON" lo he definido tal cual:

$(document).ready(function () {

$("#jqGrid").jqGrid({
url: 'jqGrid03.aspx/GetProducts',
datatype: "json",
colModel: [
{ label: 'Category Name', name: 'CategoryName', width: 75 },
{ label: 'Product Name', name: 'ProductName', width: 90 },
{ label: 'Country', name: 'Country', width: 100 },
{ label: 'Price', name: 'Price', width: 80, sorttype: 'integer' },
{ label: 'Quantity', name: 'Quantity', width: 80, sorttype: 'number' }
],
viewrecords: true,
width: 780,
height: 200,
rowNum: 30,
loadonce: true,
pager: "#jqGridPager"
});
});

Y este es mi WebMethod, para efectos de prueba los datos no son cargados desde la base de datos.

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public static string GetProducts()
{
Products[] prod = new Products[] {
new Products()
{
CategoryName = "Beverages",
ProductName = "Steeleye Stout",
Country = "UK",
Price = "1008.0000",
Quantity = "65"
},
new Products()
{
CategoryName = "Beverages",
ProductName = "Laughing Lumberjack Lager",
Country = "USA",
Price = "140.0000",
Quantity = "10"
}
};
return new JavaScriptSerializer().Serialize(prod);
}

Se los agradecería a quien pueda indicarme dónde está mi error

Gracias