form elements in lists not theming
I have a list being generated and feed into a jquery mobile page via json.
Each list element contains two select lists and each list has the data-role="fieldcontain" set. I'm also using:
- $('#qualslist').html(data);
- $("#qualslist").listview('refresh');
To add the list of the page and refresh it. This is theming the main list as expected, however the select lists aren't themeing, they just look like standard list elements.
the json looks like:
"<li data-role=\"fieldcontain\">GCSE Additional Science<input type=\"hidden\" name=\"qualtitle[1]\" id=\"qualtitle\" value=\"QOE81\"><input type=\"hidden\" name=\"qualname[1]\" id=\"qualtitle\" value=\"GCSE Additional Science\"><select name=\"grade[1]\" id=\"grade\"><option>-Select Grade-<\/option><option>A<\/option><option>A*<\/option><option>A*A*<\/option><option>AA<\/option><option>AB<\/option><option>B<\/option><option>BB<\/option><option>BC<\/option><option>C<\/option><option>CC<\/option><option>CD<\/option><option>D<\/option><option>DD<\/option><option>DE<\/option><option>E<\/option><option>EE<\/option><option>F<\/option><option>FF<\/option><option>G<\/option><option>GG<\/option><option>U<\/option><option>UU<\/option><\/select><select name=\"year[1]\" id=\"year\"> <option>2012<\/option><option>2011<\/option><option>2010<\/option><option>2009<\/option><option>2008<\/option><option>2007<\/option><option>2006<\/option><option>2005<\/option><option>2004<\/option><option>2003<\/option><option>2002<\/option><option>2001<\/option><option>2000<\/option><option>1999<\/option><option>1998<\/option><option>1997<\/option><option>1996<\/option><option>1995<\/option><option>1994<\/option><option>1993<\/option><option>1992<\/option><option>1991<\/option><option>1990<\/option><option>1989<\/option><option>1988<\/option><option>1987<\/option><option>1986<\/option><option>1985<\/option><option>1984<\/option><option>1983<\/option><option>1982<\/option><option>1981<\/option><option>1980<\/option><option>1979<\/option><option>1978<\/option><option>1977<\/option><option>1976<\/option><option>1975<\/option><option>1974<\/option><option>1973<\/option><option>1972<\/option><\/select><\/li>"