[jQuery] Output textbox value to jQuery variable

[Rip-Tide]

I'm trying to install the FullCalendar add-on for jQuery. I am trying
to take a hidden textbox value and insert the value into a jQuery
variable that I will then use for the Event Array data.  Right now it
is all static, but the idea of this is to allow for dynamic events to
be sent to the jQuery from my VB.net code and SQL.  If I do an Alert
on the "The_Data" variable, it shows with the correct value, but when
it is called with the "events:  The_Data" it doesn't seem to have the
value.  I am sure I have the syntax wrong for that line, I don't know
how to call the variable properly.   I think seeing my code will
explain it:
---------------------------------------------------Front-End .aspx
page-------------
<script type='text/javascript'>
        $(document).ready(function() {
                var The_Data = $("input
[id='ctl00_ContentPlaceHolder1_Calendar_Data']").attr("value");
                $('#calendar').fullCalendar({
                        editable: true,
                        events:  The_Data
                        });
        });
</script>

<asp:TextBox ID="Calendar_Data" runat="Server" Width="300px"
visible="False"></asp:TextBox>

<div id="calendar" style="width:700px;margin-left:130px;"></div>

----------------------------------------------Code-Behind
Page--------------------
Protected Sub Page_Load(ByVal sender As Object, ByVal e As
System.EventArgs) Handles Me.Load
        Calendar_Data.Text = "[{title:'All Day
Event',start:'2010-01-05',end:'2010-01-07'}]"
        '------------------The Calendar_Data.Text will become the
dynamic events from the database---------
End Sub


Any help would be huge!  I've wasted 6 hours already!
Thanks!