Atributo do autoFocus do HTML não funciona em meu formulário

Eu criei um formulário de busca e nesse formulário existe apenas um campo(input) visível e ele tem que estar com o foco quando o usuário entrar na página. Eu pensei em utilizar o atributo do HTML autoFocus para não ter usar javascript.

O problema é que eu não estou conseguindo fazer esse atributo funcionar! kkkk

Segue o código abaixo:

<form id="formBusca" name="formBusca" action="#" method="post" class="escondido">
 <fieldset>
 <legend class="padding-bottom-5px text-center">Pesquisar Pedido</legend>

 <div class="row">
 <div class="form-group col-sm-offset-3 col-sm-6">
 <div class="input-group">
 <input type="text" class="form-control" name="busca_pedido" id="busca_pedido" placeholder="Buscar pedido..." autocomplete="off">
 <input type="hidden" class="validate-id" name="id_pedido_venda_materia_prima" id="id_pedido_venda_materia_prima" value="" autocomplete="off">
 <span class="input-group-btn">
 <button type="button" class="btn btn-info" id="btnPesquisar" name="btnPesquisar" class="btn btn-info">
 <span class="glyphicon glyphicon-search"></span> Pesquisar
 </button>
 </span>
 </div>
 </div>
 </div>

 <span class="loader busca escondido"><img src="imagens/googleloader.gif"> Carregando dados... </span>

 </fieldset>
</form>

	Estou utilizando o framework twitter Bootstrap.

	Desde já eu agradeço!