Popup po kliknięciu w link Opcje

[konrix]

Witajcie, chcę zrobić okienko popup po kliknięciu w link, mam taki kod:

[HTML] pobierz, plaintext 
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/redmond/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
 
 
    <script type="text/javascript">
        $(document).ready(function () {
            $("#OpenDialog").click(function () {
                $("#dialog").dialog({modal: true, height: 300, width: 200 });
            });
        });
    </script>
    <a id="OpenDialog" href="#">Click here to open dialog</a>
    <div id="dialog" title="Dialog Title">
       <p>test</p> 
    </div>
[HTML] pobierz, plaintext 

Jak mogę ukryć napis "test", aby wyświetlał się tylko w popupie?

[konrix]

Jest błąd:
Uncaught TypeError: $(...).ready is not a function(anonymous function) @ (index):153

Nie dużo mi to mówi. Na pewno dotyczy tego kodu, ponieważ po jego skasowaniu błąd nie występuje.

edit: gdzieś wyczytałem, żeby pozamieniać wszystkie "$" na "jQuery" i rzeczywiście działa! Może mi ktoś wytłumaczyć dlaczego to pomogło?

Ten post edytował konrix 22.08.2015, 09:53:33