Return list of items from success: function

Return list of items from success: function

 I want to return a list of values from  success: function(data) but currently my Jquery is returning single values. I also need to get the values into an html horizontal <td></td> format. Below is my Jquery. Any help will be appreciated.


select: function (event, ui) {
            debugger;
            $.ajax({
                cache: false,
                async: false,
                type: "GET",
                url: "@(Url.Action("Product", "Parent"))",
                dataType: 'json',
                data: { "id": ui.item.Id },
                success: function (data) {           
                    var item = data[0];
                    $('#Id').html(item.Id); -----------> this can have a list of items
                    $("#Number").html(item.Number); -----------> this can have a list of items
                    $("#Name").html(item.Name);  -----------> this can have a list of items                   
                    $("#SerialNumbers").html(item.SerialNumbers); -----------> this can have a list of items
                    action = data.Action;

                },
                error: function (xhr, thrownError) {

                }
            });