Problema para passar para próximo campo

Bom dia,

Estou com um problema com uma função em JQUERY. Tenho um campo CPF com máscara (também em JQUERY), e outra para quando atingir o limite máximo do maxlength passar para o próximo campo.

	<script type="text/javascript">
	function pulacampo(idobj, idproximo){
	var str = new String(document.getElementById(idobj).value);
	var mx = new Number(document.getElementById(idobj).maxLength);
	if (str.length == mx)
	{
	document.getElementById(idproximo).focus();
	}
	}</script><input name="cpf" type="text" id="cpf" size="35" tabindex="3" class="auto-style78" onkeyup="pulacampo(this.id, 'datanascimento')" maxlength="14" >

 

<input type="submit" name="form" id="form" value="Gravar" onClick="return valida();clickMe();" style="font-weight: bold; color: #0000FF; width: 148px; height: 39px;" tabindex="100" class="auto-style38" >

O problema é o seguinte: Só digito um único número no text ele já passa automaticamente. Alterei vários valores pro maxlength, quando coloco um valor mais alto a função nem se quer funciona.

Resoluções... Obrigado.