IE9 placeholder attribute Modernizr and jQuery Mobile - jquery-mobile

Question

I have a mobile site that uses the jQuery Mobile library along with html5. On this site I have made use of placeholders to label inputs (as I have hidden the labels).
However we all know that IE are inept and didn't support placeholders until IE10 but my client wants this to also work in IE9 (why he would want support for this on a mobile site is beyond me).
I have downloaded and installed the latest version of the modernizr script yet the placeholders still don't show up. Is there anything I need to do to make this work?
My included scripts:
<script src="/Scripts/jquery-2.0.3.js"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="/Scripts/jquery.mobile-1.3.1.js"></script>
<script src="/Scripts/modernizr-2.6.2.js"></script>
Example html input
<input class="textbox" data-val="true" data-val-length="The field Surname * must be a string with a maximum length of 150." data-val-length-max="150" data-val-required="Please enter your surname." id="Surname" name="Surname" placeholder="Surame *" type="text" value="" />
Example Fiddle

Answer 1

Modernizr does not add the placeholders or any other functionality to old browsers.
Modernizr is simply a script that allows you to tell whether a browser supports any given feature or not. You still need to act on the information that Modernizr gives you, and implement the placeholder functionality if Modernizr tells you that it isn't supported.
Modernizr even provide a wiki page that lists a load of Polyfill scripts you can use for various features: https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills
Pick one of the placeholder scripts from that page, and do something like this:
Modernizr.load({
test: Modernizr.input.placeholder,
nope: 'placeholder-polyfill.js'
});