jquery - jQueryタブ、オブジェクトにはメソッド「タブ」ASP MVC3がありません

Question

タイトル通り。

アプリケーションにjQueryタブコントロールを使用しようとしていますが、すべてのコンテンツが下にレンダリングされたヘッダーだけをリストしたタブがありません。

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

<script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
<script src='@Url.Content("~/Scripts/jquery-ui-1.8.21.custom.min.js")' type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#tabs").tabs();
    });
</script>

<h2>@ViewBag.Message</h2>
@ViewBag.Sad

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Zakupione</a></li>
        <li><a href="#tabs-2">Niezakupione</a></li>
    </ul>
    <div id="tabs-1">
        @{ Html.RenderPartial("_BoughtReport"); }
    </div>
    <div id="tabs-2">
        @{ Html.RenderPartial("_NonBoughtReport"); }
    </div>
</div>

コンソールを確認しましたが、得られるのは次のとおりです。

Uncaught TypeError: Object [object Object] has no method 'tabs' Raport:43
(anonymous function) Raport:43
f.Callbacks.o jquery-1.7.2.min.js:2
f.Callbacks.p.fireWith jquery-1.7.2.min.js:2
e.extend.ready jquery-1.7.2.min.js:2
c.addEventListener.B jquery-1.7.2.min.js:2