ｊQuery UIについて

質問

今ｊQueryUITabｓというプラグインを使ってタブによる切り替えを行おうとしています。
このプラグインでは、タブの内容をajaxのように他のページを読み込めるとのことで
以下のようなコードを書いてみました。

この場合に、tabs.htmlの方で、読み込んだ先のフォームがクリックされたのを検知するには
どうしたらよいのでしょうか。
単純に、tabs.htmlのスクリプトの部分に次のようなコードを書いても「Undifined」が表示されてしまいました。
$("#form1").submit(function(){
alert($("#form1_text").val());
});

もし解決策をご存知でしたら、ご教授お願いいたします。

--------- Tabs.html ------------------

++++++script++++++++
$(function(){
$("#tabs").tabs(){});
})
++++++script++++++++

++++++html++++++++
<div id ="tabs">
<ul>
<li><a href = "test1.html">テスト１のフォーム</a></li>
<li><a href = "test2.html">テスト２のフォーム</a></li>
</ul>
</div>
++++++html++++++++

--------- Tabs.html ------------------

--------- test1.html ------------------
<form id = "form1">
<input type = "text" id = "form1_text">
<input type = "submit" id = "form1_submit">
</form>
--------- test1.html ------------------

--------- test2.html ------------------
<form id = "form2">
<input type = "text" id = "form2_text">
<input type = "submit" id = "form2_submit">
</form>
--------- test2.html ------------------

回答No.1

01140524

確か、formタグの中にaction属性が必須で、actionで送り先を決めていたはずです。
(今回ですと、 Tabs.htmlになると思います)
また、id = "form1_submit"の部分ですがname属性で指定すればよいはずです。

以下が、参考URLとその文章になっております。リファレンスとかは結構参考になりますよ。

”action=action H2+/e2+/N2+/i1+。サブミット（実行）された時の動作を指定します。HTML4.01 では必須の属性として定義されています。”
参考URL：http://www.tohoho-web.com/html/form.htm