I've just begin work on a mobile version for one of my sites.
I've set up my sign up form for my users.
It worked fine and the CSS styled it correctly.
@using (Html.BeginForm("XXX", "Registration", FormMethod.
Post, new { @class = "twitter-sign-in-container" }))
{
<input type="submit" name="twitter-button" value="Sign in with Twitter" id="twitter-button" />
}
Once I added Jquery mobile to the project if found that random unstyled text started to show up.
On inspection I found that all input submits where being wrapped in new tags and adding un tagged text == to the inputs "Value":
<form action="/registration/xxx" class="twitter-sign-in-container" method="
post">
<div class="ui-btn ui-input-btn ui-corner-all ui-shadow">
"Sign in with Twitter"
<input type="submit" name="twitter-button" value="Sign in with Twitter" id="twitter-button">
</div>
</form>
Does anyone have any clue as to why the "sign up with twitter" text is being added, and how i stop it?
P.S Less important but I'd also like to know why Jquery wraps form contents in the bellow div.
