jQuery Grid Plugin - jqGrid

Hallo,

I tried to retrieve row data from a jqgrid row using:

onSelectRow: function(id) {
                              var gsr = $('#peoples').jqGrid('getGridParam', 'selrow');
                              if (gsr) {
                              var data = $('#peoples').jqGrid('getRowData', gsr);
                              alert(data.name);
                              };
                              },

but all i get in the alter box is --> undefined.

If I'm using only -->  alert(data) --> I get only --> [object Object]

I searched for hours and hours in the forums, but there is no solution.

Here is my complete code:

  
        <script type="text/javascript">
            
          jQuery(document).ready(function(){
          var mygrid = jQuery("#peoples").jqGrid({
              url:'/tbl_peoples?q=1',
              editurl:'',
              datatype: "json",
              colNames:['ID','Name','Vorname','Straße','Plz','ORT'],
              colModel:[{name:'id', index:'id', jsonmap:'id', width:35,resizable:false},
                        {name:'name', index:'name', jsonmap:'name'},
                        {name:'vorname', index:'vorname', jsonmap:'vorname'},
                        {name:'strasse', index:'strasse', jsonmap:'strasse'},
                        {name:'plz', index:'plz', jsonmap:'plz'},
                        {name:'ort', index:'ort', jsonmap:'ort',width:300}],
              pager: '#peoples_pager',
              rowNum:10,
              rowList:[10,25,50,100],
              imgpath: '/images/jqgrid',
              sortname: '',
              viewrecords: true,
              height: 150,
              sortorder: '',
              gridview: false,
              scrollrows: true,
              autowidth: false,
              rownumbers: false,
              multiselect: false,
              onSelectRow: function(id) {
                              var gsr = $('#peoples').jqGrid('getGridParam', 'selrow');
                              if (gsr) {
                              var data = $('#peoples').jqGrid('getRowData', gsr);
                              alert(data.name);
                              };
                              },
              
              subGrid:false,
              
              caption: "Mandanten"
            })
            .navGrid('#peoples_pager',
              {edit:false,add:false,del:false,search:false,refresh:true},
              {afterSubmit:function(r,data){return true;(r,data,'edit');}},
              {afterSubmit:function(r,data){return true;(r,data,'add');}},
              {afterSubmit:function(r,data){return true;(r,data,'delete');}}
            )
            .navButtonAdd("#peoples_pager",{caption:"",title:"Toggle Search Toolbar", buttonicon :'ui-icon-search', onClickButton:function(){ mygrid[0].toggleToolbar() } })
            
            
            mygrid.filterToolbar();mygrid[0].toggleToolbar()
          });
        </script>

Can somebody help me?

Thanks ahead for every suggestion!!!