como executar função ao carregar a página?

Olá pessoal, estou com uma dúvida referente ao Ajax, necessito que o item selecionado no primeiro select seja enviado ao carregar a página, quando faço seleção diretamente no primeiro select o segundo é chamado normalmente, tentei trocar o change por focus mas não obtive resultado.

 <label for="id_categoria">Categoria:</label><br>
 <select name="id_categoria" id="id_categoria">

 <!--Aqui existe um script que seleciona o registro que esta no banco de dados -->
 <!--Exemplo:<option value="1" selected>Valor 1</option> -->

 <option value="1">Valor 1</option>
 <option value="2">Valor 2</option>
 <option value="3">Valor 3</option>

 </select><br><br>

 <label for="id_sub_categoria">Sub-Categoria:<span class="carregando"> Carregando...</span></label><br>
 <select name="id_sub_categoria" id="id_sub_categoria"></select>

<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
 google.load('jquery', '1.3');
</script>

<script type="text/javascript">
 $(function(){
 $('#id_categoria').change(function(){
 if( $(this).val() ) {
 $('#id_sub_categoria').hide();
 $('.carregando').show();
 $.getJSON('sub_categoria.ajax.php?search=',{id_sub_categoria: $(this).val(), ajax: 'true'}, function(j){
 var options = '<option value=""></option>';
 for (var i = 0; i < j.length; i++) {
 options += '<option value="' + j[i].id_sub_categoria + '">' + j[i].nome_sub_categoria + '</option>';
 }
 $('#id_sub_categoria').html(options).show();
 $('.carregando').hide();

 });
 } else {
 $('#id_sub_categoria').html('<option value="">– Escolha uma Categoria –</option>');
 }
 });
 });
</script>