Div Dynamic loading

<!DOCTYPE html>

<html lang="en-us">
        <head>

            <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css"/>
            <meta charset="utf-8">
                        <meta name="apple-mobile-web-app-capable" content="yes"/>
                        <meta name="-webkit-user-select:none"/>
            <meta name="viewpoint" content="width=device-width">
            <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
            <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
            <title>'Nova Teachers</title>
            <script type="text/javascript">
                $(document).ready(function(){
                    $('#A').click(function(){
                        $('<div id="#180336"/>').hide().appendTo("body").toggle();
                    });
                });
            </script>


        </head>
        <body>
            <div data-role="page" id="homepage">
            <!-- Page one, lists by letter -->
                <div data-role="header" data-theme="a">
                    <h1> Teachers</h1>
                </div>
                <div data-role="content">
                    <ul data-role="listview" data-theme="a">
                        <li><h1>Search for professors by last name</h1></li>
                        <li><a href="#A">A</a></li>
                    </ul>
                </div>
            </div>

            <div data-role="page" id="A">
                <div data-role="header" data-theme="a">
                    <h1> Teachers : A's</h1>
                </div>
                <div data-role="content">
                    <ul data-role="listview" data-theme="a" >
                        <li><a href="180336">Aagaard, Todd S.</a></li>
                    </ul>
                </div>
            </div>


            <div data-role="page" id="180336" >
            <!--Teacher review. id corresponds to a teacher-->
                <div data-role="header">
                    <h1>Aagaard, Todd S.</h1>
                </div>
                <div data-role="content">
                </div>
            </div>

        </body>
</html>