ajaxでidの取得をしたい（Rails使用）

Question

前提・実現したいこと

クリックイベントでモーダルを表示し、productsテーブルからランダムにレコードを１つ取得し、product_titleと画像を表示させたい。

クリックイベントのたびにランダムにproductを１つ取得し表示させるので、ajax側でproduct_idを取得し、attrでurlを結合させ、表示させたいのですが、idの取得方法がわかりません
初めての質問で不足があると思いますがお願いします

該当のソースコード

$(function(){
		$(document).on('click', '#rock,#pop,#punk', function(){
			$.ajax({
				type:'GET',
				url:'/api/json_top',
				dataType: 'json',
			})
			.done(function(data){
				console.log(data.name);
				console.log(data.image);

				$('#content-title,#content-image').empty();
				$('#overlay,#result').fadeIn();
				$('#content-title a').attr('href', '/products/' + 'data.name');
				$('#content-image img').attr("src", '' + 'data.image');

				$(document).on('click', '#overlay,#close', function(){
					$('#content').empty();
					$('#overlay,#result').fadeOut();
					$(document).on('click', '#result', function(e){
					e.stopPropagation();
					});
				});
			})

			.fail(function(){
				alert('fail')
			});
		});
	});

json.set! @random_product do |product|
	json.name product.product_id
	json.image product.image_id
end

class Api::RootsController < ApplicationController
  def top
  	@random_product = Product.order("RANDOM()").first
  	render :json => {
  		name: @random_product.product_id,
  		image: @random_product.image_id
  	}
  end
end

Comments

[m.ts10806]

コードブロック難しければコード部分を選択して<code>ボタンを押すと良いです。「ここに言語名を入力」には「JavaScript」など言語名を入れてください（JavaScriptに限っては「js」でもちゃんと認識されます）
また、複数設置できるのでファイル毎にブロックわけていただければ見やすくなります。

Answer 1

すいません　めちゃめちゃ初歩的でした
@random_product.の直後にid
でいけました