ASP.NET MVC2 пользовательский элемент управления JQuery проблема

Question

Я хочу сделать собственную авторизацию для моего приложения asp.net mvc2, я хочу использовать пользовательский элемент управления LogOn по умолчанию, я добавляю этот код в пользовательский элемент управления:

<a id="log_in" href="#">log in</a>    

    <div id="dialog" title="Please sing in">
        <p>Login:</p>
        <p><input type="text" /></p>
        <p><input type="text" /></p>
    </div>

и это на главной странице, где отображается пользовательский элемент управления:

<script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript" />   
   <script src="../../Scripts/jquery-ui-1.8.4.custom.min.js" type="text/javascript" />
    <script type="text/javascript">
        window.onload = function() {
            console.log("ready");
            $("#log_in").click(function() { showDialog(); });
            $("#dialog").hide();

            function showDialog() {

                $("#dialog").dialog({
                    height: 140,
                    modal: true
                });
            }
        }
    </script>  

и теперь страница загружена скрипт не выполняется

Answer 1

# в вашем href приведет к перезагрузке страницы.

В js вам нужно запретить событию click активировать ссылку, возвращая false из события click:

$("#log_in").click(function() { showDialog(); return false; });