Update data menggunakan ajax di codeigniter [DONE]

jadi gini, aku ada data seprti ini

view

<thead>
	<tr>
		<th>Kode Barang</th>
		<th>Nama Barang</th>
		<th>Gudang</th>
	</tr>
</thead>
<tbody id="show-products">
 <tr dataId="CC2-002">
	<th>CC2-002</th>
	<th>Catridge</th>
	<th>HQ</th>
</tr>
<tr dataId="CC2-003">
	<th>CC2-003</th>
	<th>Catridge 240</th>
	<th>HQ</th>
</tr>
</tbody>
<button class="btn btn-primary" id="edit-produk">Edit</button>
<button class="btn btn-primary" id="delete-produk">Hapus</button>

<modal>
<form id="edit-produk">
input kode_barang
input nm_produk
input nm_gudang
</form>
</modal>

pengennya, ketika klik salah satu tr > edit > ubah data, data bisa keubah tanpa harus refresh page. namun kenyataan masih refresh page dan data yg muncul adalah $msg. Padahal utk hapus bisa :( . Mungkin diantara para mastah ada yang bisa membantu?

js

$('tableid').on('click', 'tr', function() {
	kode_barang = $(this).attr('dataId');
	$('#edit-produk').on('click', function() {
		$('#update-produk').modal('show');
		$('#edit_produk').attr('action', 'controller/updateProduk');
		$.ajax({
			type: 'ajax',
			method: 'get',
			url: 'home/editProduk',
			data: {kode_barang: kode_barang},
			async: false,
			dataType: 'JSON',
			success: function(data) {
				$('input[name=kode_barang]').val(data.kode_barang);
				$('input[name=nama_produk]').val(data.nama_produk);
			},
			error: function() {
				alert('Could not edit data.');
			}
		});
	});
});

controller

public function editProduk()
{
	$result = $this->product_model->editProduk();
	echo json_encode($result);
}

public function updateProduk()
{
	$result = $this->product_model->updateProduk();
	$msg['success'] = false;
	if ($result) {
		$msg['success'] = true;
	}
	echo json_encode($msg);
}

maaf utk code yg panjang, saya masih baru blajar codeigniter & ajax