what's the problem with this Google Map using jquery

asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="MapMaker/js/mapmarker.jquery.js"></script>
    <script type="text/javascript">// <![CDATA[
        $(document).ready(function () {

            //set up markers
            var myMarkers = {
                "markers": [
                { "latitude": "35.741967910829295", "longitude": "51.54246568548842", "icon": "img/house.png", "baloon_text": 'This is Texas' }
                ]
            };

            //set up map options
            $("#map").mapmarker({
                zoom: 5,
                center: 'United States',
                markers: myMarkers
            });

        });
        // </script>

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <div id="map" style="width: 550px; height: 450px; border: 2px solid red;"></div>

</asp:Content>