Safari e Chrome exibindo jQuery mobile fieldcontain - html5, jquery-mobile

No meu aplicativo da web HTML5, eu tenho um fieldcontain com umespaço reservado, diga "Volume". O Chrome exibe o espaço reservado como deveria, mas o Safari não o exibe. Qual poderia ser o problema? Fiz algo errado? Aqui está o trecho de código:

<div data-role="fieldcontain">
<label for="Liter">Liter:</label>
<input type="number" min="0" max="36000" name="Liter" id="Liter" value="" placeholder="Liter" data-clear-btn="true"/>
</div>

Safari para Windows v. 5.1.7; Chrome para Windows v. 31.0.1650.63 m; jQuery v. 1.9.1; jQuery mobile v. 1.3.2

Respostas:

placeholder ainda não é suportado para todos os navegadores.

Eu sempre uso jQuery para espaços reservados. Um exemplo usando o JS de correção de espaço reservado HTML5:

$(""[placeholder]"").focus(function() {
var input = $(this);
if (input.val() == input.attr(""placeholder"")) {
input.val("""");
input.removeClass(""placeholder"");
}
}).blur(function() {
var input = $(this);
if (input.val() == """" || input.val() == input.attr(""placeholder"")) {
input.addClass(""placeholder"");
input.val(input.attr(""placeholder""));
}
}).blur();

Leia aqui: http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html