script não executa

Boa noite a todos. Direto ao ponto. Pessoal no **select principal** ao selecionar um item qualquer e em **seguida **selecionar um item qualquer do select 1 ou select 2 ou select 3 e clicar no botão enviar o script não executa.

	Agora se eu remover   **<option value=""></option>** de todos os select o script executa normalmente. 

	**Nota**: Gostaria que quando o botão enviar fosse pressionado o script fosse executado. Quero que todos os select tenha em primeiro lugar este colega  **<option value=""></option> **Obrigado

	 

<pre>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.js"></script>

<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$("#id_tipo_contacto").on('change', function(){
 $('.formulario').hide();
 $('#' + this.value).show();
});

});//]]>

</script>

<form action="executou.php" method="post" name="form1" id="form1" >
select principal
<select name="selecione" id="id_tipo_contacto" required>
 <option value=""></option>
 <option value="camisa">camisa</option>
 <option value="bermuda">bermuda</option>
 <option value="acessoriosescolar">acessoriosescolar</option>
</select>

<div id="camisa" class="formulario" >
select 1
<select name="comprar" required>
 <option value=""></option>
 <option value="camisa1" >camisa1</option>
 <option value="camisa2" >camisa2</option>
</select>
</div>

<div id="bermuda" class="formulario" style="display:none;">
select 2
<select name="comprar" class="select_auto" required>
 <option value=""></option>
 <option value="bermuda1" >bermuda1</option>
 <option value="bermuda2" >bermuda2</option>
</select>
</div>

<div id="acessoriosescolar" class="formulario" style="display:none;">
select 3
<select name="comprar" required>
 <option value=""></option>
 <option value="caneta">caneta</option>
 <option value="lapis">lapis</option>
 <option value="borracha">borracha</option>

</select>
</div>

<input type="submit" value="enviar" />
</form>

</pre>