Why is jquery progressbar giving the following error: Object [object Object] has no method 'progressbar'?

Im trying to add a progressBar to my site. I have looked at http://docs.jquery.com/UI/Progressbar and written the following code:

<div>
<h2>@Model.First().Category.category_name</h2>
<div id="progressBar"></div> 
</div>

And

$开发者_运维知识库(document).ready(function () {

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

}

But Chrome displays the following error:

Uncaught TypeError: Object [object Object] has no method 'progressbar'

I am using

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>

How can i fix this? Thanks

Read the section "Basic overview: using jQuery UI on a web page" in the JQuery UI Documentation. I suspect that you don't have all the includes you need. Also check your paths.