jquery - REL 属性アクションを Jquery アクションに変換する

Question

jquery-tools を使用してドキュメント内のモーダル ウィンドウを開きます。

Jクエリ:

  $(function() {

    $(".modalInput").overlay({

        mask: {
          color: 'silver',
          loadSpeed: 200,
          opacity: 0.5
        },

        closeOnClick: true
    });

  });

HTML:

<div rel="#prompt" class="modalInput">show modal</div>

<div class="modal" id="prompt">
  <h2>This is a modal dialog</h2>

  <p>
    Test modal dialog.
  </p>

</div>

これはすべて正常に機能しますが、jquery でアクションを操作する方法を知りたいです。http://www.w3schools.com/TAGS/att_a_rel.aspを読みましたが、jquery 関数でタグを処理する場合のタグの rel/class 間の関係がわかりません。IE、jquery を使用してモーダルを開くアクションをクリック ハンドラにアタッチするにはどうすればよいですか。

HTML:

<div id="promptID" class="modalInput">show modal</div>

<div class="modal" id="prompt">
  <h2>This is a modal dialog</h2>

  <p>
    Test modal dialog.
  </p>

</div>

Jクエリ:

$("#promptID").click(function() {
    $(".modalInput").overlay({

        // some mask tweaks suitable for modal dialogs
        mask: {
          color: 'silver',
          loadSpeed: 200,
          opacity: 0.5
        },

        closeOnClick: true
    });
});