Why is jquery progressbar giving the following error: Object [object Object] has no method 'progressbar'?
<p>Im trying to add a progressBar to my site. I have looked at <a href="http://docs.jquery.com/UI/Progressbar" rel="nofollow">http://docs.jquery.com/UI/Progressbar</a> and written the following code:</p>

<pre><code>&lt;div&gt;
&lt;h2&gt;@Model.First().Category.category_name&lt;/h2&gt;
&lt;div id="progressBar"&gt;&lt;/div&gt; 
&lt;/div&gt;
</code></pre>

<p>And</p>

<pre><code>$(document).ready(function () {

$("#progressBar").progressbar({ value: 37 });

}
</code></pre>

<p>But Chrome displays the following error:</p>

<pre><code>Uncaught TypeError: Object [object Object] has no method 'progressbar'
</code></pre>

<p>I am using</p>

<pre><code>&lt;script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"&gt;&lt;/script&gt;
</code></pre>

<p>How can i fix this? 
Thanks</p>
