Form GET with a friendly URL

by Salustiano Silva

HTML

<form name="searchfield" method="get" action="http://www.youtube.com/results/" target="_blank">
    <input type="text" id="input" name="q" autocomplete="off" maxlength="100" size="36" placeholder="Pesquise no YouTube" />
    <input type="image" id="search" name="btnG" src="img/search.png" />
</form>

JavaScript

$(function() {

    $('form').submit(function(e) {

        var $this = $(this),
            value = $this.find('input[name="q"]').val(),
            url   = $this.attr('action');

        var newTargetUrl = (url+value).replace(" ", "+");

        $this.attr("action", newTargetUrl);

        // Simulating, remove or comment to view in action
        e.preventDefault();
        alert(newTargetUrl);
    });
});