Using jQuery UI with Rails

Question

Hi, I am using jQuery in my Rails App. But when I try to turn my button to jQueryUI(Cupertino theme) button, it does not appear to be look like a jQuery UI Themed button. jQuery works because I am using it for Ajax and it works properly. I have pasted the code. Please tell me whether I am doing it wrongly

<%=stylesheet_link_tag 'jquery-ui','scaffold'%>
<%=javascript_include_tag "jquery-1.4.2.min","jquery-ui-1.8.1.min","application"%>

<input type = submit id = "add" name = "add" value = " Add " />

The following code is in application.js file

$(document).ready(function() {
$("#add").button();
}

Thanks

Answer 1

you need to place the javascript in a a script block that runs when the document has loaded and is ready :)

try:

<script type="text/javascript">
    $(document).ready(function () {
        $("#add").button();
    });
</script>

Answer 2

Are you including both stylesheets? jQueryUI base .css as well as your theme's .css?

Answer 3

I am sorry guys...Thanks for the effort. It was a typo in my application.js file that stopped all the js in that file...:( Sorry for wasting your time