jQuery yardım

Arkadaşlar merhaba.
Bir sipariş sorgu sayfası yapıyordum. Bu sayfada kişi sipariş no yazacak "Sorgula" inputuna basacak ve Sorgu sonuç sayfası gelecekti. Bunu şöyle hallettim Sipariş sorgula kısmını bir div yaptım ve id olarak "siparis-sorgula" atadım. Sipariç sonuç kısmı içiin ise "siparis-sonuc" idsini atadım. Şimdi aşağıda vereceğim jQuery kodu ile çalışmasını bekliyordum.

<script>
$(function() {
$("#siparis-sorgula-btn").click(function(event) {
$("#siparis-sorgula").hide();
$("#siparis-sonuc").show();
});
});
</script>

Ancak bu "#siparis-sorgula-btn" bir input ve type submit olduğu için basınca olmuyor bunu link etiketi <a> veya <p> vs. yapınca çalışıyor ancak input ile çalışması lazım. Nasıl yapabilirim.

Şu şekilde deneyebilirsiniz;

<input type="submit" onclick="orderDetail()" />

function orderDetail()
{
$("#siparis-sorgula").hide()
$("#siparis-sonuc").show();
}

** Eğer bir form yapısı var ise form gönderme işlemini engellemek için preventDefault() kullanmanız gerekmektedir.

Form yapısı var ise de;

$('#formName').on('submit', function(e){
e.preventDefault();
$("#siparis-sorgula").hide();
$("#siparis-sonuc").show();
})

Örneğinde olduğu gibi yapabilirsiniz.

function orderDetail()
{
$("#siparis-sorgula").hide()
$("#siparis-sonuc").show();
}

**

bunu denedim hocam olmadı maalesef mehod get methodu iken form yüklenme aşamasında oldu ama sonuna ? bu işaret ile get methodu gelince olmadı ve post denedim ondada olmadı isterseniz size dosyaları atayım bakın olur mu

JSR]
$('#formName').on('submit', function(e){
e.preventDefault();
$("#siparis-sorgula").hide();
$("#siparis-sonuc").show();
})
[/JSR]
bunu denedim hocam oldu ama php bilmiyorum bu sorun olmaz mı? çünkü o sipariş noyu sorgulayacak sonra sonuç çıkacak biz bu form gönderme işlemini kapatırsak çıkmaz mı