How to convert Json data to table format in mvc 5

var obj=[      

   {        

     id : "001",

             name : "apple",

             category : "fruit",

             color : "red"   

      },    

     {    

         id : "002",    

         name : "melon",       

      category : "fruit",   

          color : "green"   

      },     

    {        

     id : "003",       

      name : "banana",        

     category : "fruit",  

           color : "yellow"     

    }   

  ]    

 var tbl=$("").attr("id","mytable"); 
    $("#div1").append(tbl);   
  for(var i=0;i
  {         var tr="
";    
     var td1="
";    
     var td2="
";  
       var td3="
"; 
        $("#mytable").append(tr+td1+td2+td3);    
   }   

you can test it on fidler http://jsfiddle.net/URU5G/1/


"+obj[i]["id"]+"
"+obj[i]["name"]+"
"+obj[i]["color"]+"