ajax json

//edit data product
$('.edit_button').on("click", function(e) {
    var id = $(this).data('id');
     $.ajax({
        url: base_url + "product/edit/"+id, //get data then put in json
        type: "GET",
        dataType: "JSON",
        success: function(data)
        {
             val(data.foto)  //here is images and i need to put in modal bootsrap, how can i do that !
	    $('[name="product_status"]').val(data.product_status); //here is checkbox but checkbox doesn't checked



	    //it's all show up in modal bootsrap, only check box and images i don't know how to show in modal
            $('[name="id_brand"]').val(data.id_brand);
            $('[name="merk"]').val(data.name_brand);
            $('[name="id_tipe"]').val(data.id_tipe);
            $('[name="tipe"]').val(data.name_tipe);
            $('[name="product_toko"]').val(data.product_toko);
            $('[name="product_harga"]').val(data.product_harga);
            $('[name="product_keterangan"]').val(data.product_keterangan);

            $('#modal_form').modal('show'); // show bootstrap modal when complete loaded
            $('.modal-title').text('Edit Product'); // Set title to Bootstrap modal title

        },
        error: function (jqXHR, textStatus, errorThrown)
        {
            alert('Error get data from ajax');
        }
 });
      });