如何才能优雅的使用 jquery？

比如一个登录页面，从源码可以看出来，放入了很多 js 代码

<script type="text/javascript" src="js/jquery-1.12.0.min.js" charset="utf-8"></script>
<script type="text/javascript">  
    $(document).ready(function(){  
    $('#submit').bind('click', logininto);
    });
    function logininto(){
        var username = $('#username').val();
        var password = $('#password').val();
        var data = '{"username": "'+ username +'","password": "'+ password +'"}';
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "login.php",
            dataType: "json",
            anysc: false,
            data: data,
            success: function(data){
                //更多代码
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                //更多代码
            }
        }); 
    }  
</script>

这样感觉大量请求的代码等会被看到，太不优雅了，有什么其他优雅的方式吗？