My code is:

2. <input type="checkbox" id="actionneeded" /><label for="actionneed">Action Needed</label>
3. <div id="dialog-form">
4. <p>Test Dialog</p>
5. </div>
6. <script type="text/javascript">
7. $(document).ready(function() {
8. var dialog = $("#dialog-form").dialog({
9. autoOpen: false,
10. height: 300,
11. width: 350,
12. modal: true
13. });
14. 
    
15. $("#actionneeded").click(function(e) {
16. dialog.dialog('open');
17. e.preventDefault();
18. });
19. });
20. </script>

but when i load the page I get a TypeError: $(...).dialog is not a function message from firefox

and the line number points to the "modal:true" line

What am i doing wrong

any and all help as always will be muchly appreciated...

4