jquery - コンソールでスクリプトを実行するときにJquery Undefined

Question

私が実行しているスクリプトに問題があります。これは、このモーダルにデータを入力すると想定されています。

<div class="modal hide fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Latest Updates!</h3>
      </div>
      <div class="modal-body">
      </div>
     <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
     </div>   
    </div>  

コードは次のとおりです。

(function($){
    $(document).ready(function(){  
        $('a.updateNotes').on('click', function(e) {
            e.preventDefault();
            var url = $(this).attr('href');
            $(".modal-body").html('<iframe width="100%" height="100%" frameborder="0" scrolling="yes" allowtransparency="true" src="'+url+'"></iframe>');
        });
    });
})(jQuery);

問題は、クロムのコンソールでそのコードを実行すると、「未定義」になりますが、コード自体に実際のコンソールエラーがないことです。それは、ページがロードされたとき、コードは問題をスローしませんが、コンソールで実行すると「未定義」になります。誰かが私が間違っていることを教えてもらえますか? これを作成するリンクは次のとおりです。

<a data-toggle="modal" class="btn btn-success" href="http://adambalan.com/aisis/aisis_update/UpdateNotes/index.html" 
data-target="#modal">
    Learn More!
</a>

その実際のリンクにアクセスすると、ボックスに表示されるはずのコンテンツが表示されます。また、箱は内容物に合わせて拡張されますか? それは特定の幅に拡大してから、それ以上スクロールしますか?

Jquery 1.9.latest、Twitter Bootstrap 2.3.1

注: Jquery がラップされて(function($){})(jQuery)いる理由は、WordPress とそれが Jquery を処理する方法のためであり、使用する他のスクリプトのために $ が好きではありません。

Upade Jquery バージョン 1.9.1 がページのヘッダーに読み込まれています。ソースへのリンクをクリックすると、Jquery 1.9.1 ソースに移動します。上記のコードはhtmlファイルの一部ですが、jquery 1.9.1のロード後に「実行」されます