CSS Rollover with integrated Input field.

CSS Rollover with integrated Input field.

I have created a rollover that contains an input field that works like a rollover button in as much if the input field is activated the css block it is in changes colour as well as the background of the input field that gives the appearance that it is integrated and when the button loses focus it reverts to its original status.


From the fiddle it works fine but when I try to port it into my code it doesn't work.

I'am using the following on my code:

  1. <link  rel ="stylesheet"  href ="jquery/1.4.2/jquery.mobile-1.4.2.min.css" />

    <script  src ="jquery/1.4.2/jquery-1.9.1.min.js"></script>

    <script  src ="jquery/1.4.2/jquery.mobile-1.4.2.min.js"></script>


Can anyone give me any pointers?

Thanks in advance.