jQuery Forum

Here's the scenario:

First page loads (index.html) on that page is a listview containing a link to Services.html.  Services.html loads when tapped.  On Services.html is a multi-page template.  The initial page that loads on Services.html has a listview on it that links to the other pages within Services.html.  This listview to other pages does not work for some reason?

Here is the code for index.html:

Here is the code for Services.html and some of its sub-pages:

Any ideas?

Also is the footer required code for proper functionality?

Thanks!

WizzyBoom

How come when I write a click() event where the input field (created by the jquery ui combobox widget) is in scope of the selector the event never fires?

I have a form that has a validation which highlights the entire parent <div> of that form field using the css class 'reqFieldGroupEmpty' when the end-user doesn't fill it out correctly.

When a user clicks inside the missed required field I have a click() event remove that class of that form field's parent <div> 

    $('input, textarea, select').click(function () { $('div').removeClass('reqFieldGroupEmpty') });

However, as I mentioned at the start, the combobox-created <input> isn't triggering the click(), thus not removing the class.

Also, I've been using firebug with a console.log("I've been clicked") message with the click() event function and it does get executed with all of the other inputs in the jQuery selector, just not the ones created by the widget? I've even tried going right to the heart of that input using $('input[role="textbox"].ui-autocomplete-input').click(function () { console.log("I've been clicked") }); and that doesn't work either

What am I missing? Thoughts?

Thank you for helping!