Téma: Keresés script probléma

Sziasztok!

Nem is tudom hova írjam a problémám, mert nem kizárólag JS.

Az oldalamon egy ideig ez a pár sor működött:

PHP kód:

<div id="search">
            <input type="text" value="Keresés..." onFocus="if(this.value=='Keresés...'){ this.value=''; }" onBlur="if(this.value==''){ this.value='Keresés...'; }" id="q">
        (1)    <button>Na lássuk</button>
        (2)    <input type="submit" value="Na lássuk..." class="submit" id="submit">
            <input type="hidden" id="category" value="<?=$categDetect?>">
            <input type="hidden" id="next">
            <input type="hidden" id="back">
            <input type="hidden" id="select">
            <input type="hidden" id="playerloc" value="on">

        </div>

Az 1-essel jelölt sort kiszedtem, mivel meg szerettem volna oldani hogy enterrel is lehessen keresést indítani. A 2-es sort értelemszerűen ezután adtam hozzá. Az ehhez tartozó JS file-t, eszerint írtam át:

Kód:

$("#search button").click(function() {

		$.get("result.php" , { q: $("#q").val()  } , function(theResponse){
				$("#result").html(theResponse);
			});

A vastaggal jelölt részt átírtam már mindenre, ami eszembejutott (#search submit, #submit, submit, meg pár hasonlóra), de egyikkel sem tudtam rábírni hogy rákattintva keressen.

Mindezt Ubuntu alatt localhoston, de nem hiszem hogy ez számítana.

A kérdésem hogy mi lenne a megoldás? Ha nem voltam valahol egyértelmű, akkor elnézést, a segítséget pedig előre is köszönöm.

---

Hasonló témák:

• keresés
• kereses
• A keresés kapcsolódik
• Többszörös keresés

Én úgy tudom, hogy az "onfocus" "onblur" és ilyeneket nem elegáns beletenni a kódba, hanem event listener-ekkel érdemes figyelni a változásokat és akkor adsz neki egy id-et vagy egy class-t amire tudsz keresni. Azt, hogy kattintással működjön meg szerintem úgy tudnád, hogy ha valaki focus-ol a submit gombra, akkor prevent default? Amúgy is működnie kéne enterrel én úgy tudom.