[AJAX]Przeładowanie strony z nowymi wartościami Opcje

[Michael2318]

Napisałem sobie pewną funkcję w PHP. Wyświetla mi ona wybraną ilość emotikon. Na start wyświetlam sobie ich 40. Nad wszystkimi emotikonami mam button - 'Pokaż wszystkie'. Chciałbym osiągnąć efekt, iż bez przeładowania strony, po kliknięciu w ten button pokażą się wszystkie emotikony. Wykminiłem to tak:

Od strony php:

[PHP] pobierz, plaintext 
$all_smilies = 40;
if ( $_GET['mode'] == 'show_all_smilies' )
{
	$all_smilies = 0;
}
 
generate_smilies($all_smilies, 10);
}
[PHP] pobierz, plaintext 

A od strony ajax:

Kod

function show_smilies()
{
$(document).ready(function(){
$("#show_smilies").submit(function() {
  $.ajax({
   type: "GET",
   url: "shoutbox.php",
   data: "mode=show_all_smilies",
   success: function(){}
  });
});
});
}

I do tego w HTMLu ten button:

[HTML] pobierz, plaintext 
<input type="button" class="post" id="show_smilies" value="Pokaz wszystkie" onclick="show_smilies();"><br>
[HTML] pobierz, plaintext 

Tylko, że to nie działa. Nie wiem czy zła jest funkcja w js czy po prostu wszystko smiga, oprócz tego, że nie przeładowuje mi strony w tle i nie widzę po prostu załadowanych wszystkich emotikon. Ktoś pomoże? :/