$.getJSON give "bad request"

$.getJSON give "bad request"

Hi. I am developing a web application with Rails.
I need to pass data to JavaScript, so let Rails generate JSON on load like, 

  1.   <%= content_tag "div", id: "json", data: {script: @video.scripts } do %>
  2.   <% end %>

It generates HTML,

  1. <div data-script="[{&quot;created_at&quot;:&quot;2012-09-03T11:17:37+09:00&quot;,&quot;endp&quot;:&quot;45.3&quot;,&quot;id&quot;:80,&quot;startp&quot;:&quot;30.1&quot;,&quot;text&quot;:&quot;generated in console for test&quot;,&quot;updated_at&quot;:&quot;2012-09-03T11:17:37+09:00&quot;,&quot;video_id&quot;:11},{&quot;created_at&quot;:&quot;2012-09-03T13:32:02+09:00&quot;,&quot;endp&quot;:&quot;86.0&quot;,&quot;id&quot;:81,&quot;startp&quot;:&quot;60.6&quot;,&quot;text&quot;:&quot;another generation from console&quot;,&quot;updated_at&quot;:&quot;2012-09-03T13:32:02+09:00&quot;,&quot;video_id&quot;:11}]" id="json">
  2. </div>
It's messy but a JSON object is stored properly.

Then I tried to get the data using jQuery

  1.     var json = $('#json').data();
  2.     $.getJSON( json, function(data) {
  3. console.log(data);
  4. alert(data);
  5.     });
But this gives an error 

    2. GET http://localhost:3001/videos/[object Object] 400 (Bad Request) application.js:8103
      1. jQuery.ajaxTransport.send application.js:8103
      2. jQuery.extend.ajax application.js:7581
      3. jQuery.each.jQuery.(anonymous function) application.js:7107
      4. jQuery.extend.getJSON application.js:7124
      5. load_script_control application.js:13671
      6. parseresults application.js:13174
      7. $.ajax.success application.js:13152
      8. jQuery.Callbacks.fire application.js:1047
      9. jQuery.Callbacks.self.fireWith application.js:1165
      11. jQuery.ajaxTransport.send.callback


I understand the first argument of $.getJSON is URL, but I am having trouble getting the set variable, "json".

Could anyone help me out for this?  If there is a better way, I would like that too.

soujiro0725