jQuery Grid Plugin - jqGrid

Hi,

Im trying to use the jqgrid setting the editoption of a cell to show a image the problem is that the image isn't displayed I'd tried with all the posible path to the image even with a url path but I can't see the image.

What I have to do to see the image I'm trying to reference??

jQuery("#list2").jqGrid({
              url: 'DynamicGridData.php',
              datatype: 'json',
              width:810,
              height:'auto',
              mtype: 'GET',
              colNames: ['xx', 'xxx', 'xxx','xxx','xxx','xxx', 'xx'],
              colModel: [
                            { name: 'xx', index: 'Id', width: 60,hidden:true, align: 'left', editable:false },
                            { name: 'xx', index: 'xx', width: 50, align: 'left', editable:true, edittype: "select"},
                            { name: 'xxx', index: 'xxx', width: 90, align: 'left', editable:true, editoptions:{size:10}, editrules: { required: true }},                          
                            { name: 'xxx', index: 'xxx', width: 10, align: 'right', editable:true, editoptions:{size:10}, editrules: { required: true, minValue: 0, number: true } },
                            { name: 'xxx', index: 'xxx', width: 18, align: 'right', editable:true, editoptions:{size:10}, editrules: { required: true, minValue: 0, number: true  } } ,
                            { name: 'xxx', index: 'xxx', width: 20, align: 'right', editable:false, editoptions:{size:10} },
                            { name: 'xxx', index: 'xxx', width: 18, editoptions: { src:'../../Content/images/search.png', alt:'Alt text' } }
                         ],
              pager: jQuery('#pager'),
              rowNum: 10,
              rowList: [5, 10, 20, 50],
              sortname: 'Id',
              sortorder: "desc",
              loadonce: false,
              multiselect: true,
              viewrecords: true,
              editurl: 'EditData.php',
              caption: 'xxx'
              });