pass json data into javascript

Hello from a Ruby on Rails beginner!

I've been trying to pass some data to a variable in Javascript by using json. Seems like the Javascript variable doesn't receive the data correctly.

This is the code in controller. @courses variable find the data from database.

class CoursesController < ApplicationController

  def index     @courses = Course.find(:all)     end end

This is Javascript code in view.

<script type="text/javascript"> var markers=<%= @courses.to_json %>; </script>

The following code show the data in browser with no problem. That means

<p><%= @courses.to_json %></p>

But the following code doesn't show data in browser right. The output is a string of "undefined".

<script type="text/javascript"> var markers = <%= @courses.to_json %>; for(i=0; i<markers.length; i++) { document.write(markers[i].latitude, markers[i].longitude, markers[i].name); } </script>

I don't know what goes wrong. Please help. Thank you in advance.