Dear god why won't this work

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8"/>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" />
        <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
        <script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js" type="text/javascript"></script>
        <script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>
        <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/minified/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>

        <script type="text/javascript">
            $(document).ready(function(){
                var $form = $('#cmdwin');
                $form.live('submit', function(){
                console.log('Submitted!')
                    $.post("/calc", $form.serialize(), function(response){
                    console.log('Posted!')
                        console.log(response)
                        $('#commands').html(response);
                    },'json');
                    return false;
                });
            });
        </script>
    </head>

    <body>
        <form method="none" accept-charset="utf-8" enctype="multipart/form-data" id="cmdwin">
            <textarea id="commands" name="commands" rows="10" cols="70"></textarea>
            <input type="submit" value="Crowdculate!"></input>
        </form>
    </body>
</html>