jQueryMobile radio buttons when clicked generates errors

Question

I'm using jQuery mobile 1.4.2 and I'm experiencing some extremely annoying issues with the radio buttons. The issue being that they don't work.

I've scoured the internet, and not managed to find a solution; so maybe other people are not having this issue as well as me. I do think however that I'm doing everything "right", so hopefully this question can help others if they experience the issue too.

The outputted HTML for the page can be found here, but the code used to generate it is:

<form method="post" action="/category/log">
    <input type="hidden" name="id" value="<%: Model.CurrentCategory.Id %>" />

    <div data-role="controlgroup">
        <% Dim elementId = "personId"%>
        <% For Each e In Model.Engineers%>
            <% Dim formattedId = elementId & "-" & e.Id%>
            <input type="radio" name="<%:elementId %>" id="<%:formattedId %>" value="<%:e.Id %>" />
            <label for="<%:formattedId %>"><%:e.Name%></label>
        <%Next%>
    </div>

    <input type="submit" value="Log Visit" />
</form>

When a radio button is clicked, the following error is generated: Uncaught TypeError: Object #<HTMLInputElement> has no method 'substring'

It reports this occurs in: jquery.mobile-1.4.2.js:2656

An image of this can be found here:

If anyone can help that would be great, and if anyone else is having this issue, hopefully this will help them also.

Thanks,

Answer 1

I don't know what the problem was but the latest version seems to fix it:

http://code.jquery.com/mobile/git/jquery.mobile-git.js