jquery には、class="x" を含むすべてのリンクで class="x" のように動作するセレクターが必要であることを理解しています。
しかし、私が理解していないのは、ダイアログがdivで何もしていないため、jqueryがdivを指す#dialogのようなセレクターを必要とする理由です。
私の意見では、ダイアログは他のすべてのUI要素の上にあるため、ウィンドウ/ダイアログはdivとは何の関係もありません。
サンプル:
<div id="dialog"> what is that div for?</div>
$('#dialog').dialog({...