How to modify javascript in a page using more javascript?
<p>I have a page with some inline javascript in it</p>

<pre><code>&lt;script type="text/javascript"&gt;
            $('#clipboardContainer').hide();
            $( '#clipboard' ).click(function() {
                $("#clipboardContainer").toggle( "slide", {direction: "up", mode: "hide"}, "slow" );
                $("#reportsContainer").toggle();

                if ($("#clipboard").html() == 'Open Clipboard')
                    $("#clipboard").html('Close Clipboard');
                else
                    $("#clipboard").html("Open Clipboard");
            });
            $('#prev').click(function() {
                $.ajax({
                    type: "GET",
                    url: "/teams/change_date",
                    data: {
                        'id': '&lt;%= @team.id %&gt;',
                        'date': '&lt;%= @date - 1.day %&gt;'
                    }
                });
            });
            $('#next').click(function() {
                $.ajax({
                    type: "GET",
                    url: "/teams/change_date",
                    data: {
                        'id': '&lt;%= @team.id %&gt;',
                        'date': '&lt;%= @date + 1.day %&gt;'
                    }
                });
            });
        &lt;/script&gt;
</code></pre>

<p>After an ajax call, I want to modify the 'date' attributes using Jquery. How do I reference the javascript functions using the DOM?</p>
