Javascript-форум - Не получается обратиться к элементу по ID в внешнем JS

Доброе время суток уважаемые форумчане,
1. У меня есть:
Файл html:

<script type="text/javascript" src="/media/Js/department.js"></script>
….
<form name="forma3" onsubmit='return func3();'>
                <button>Call func3</button> 
                <input name="edit_out3" type="text" size="40">
            </form>

И файл JS:

function func3()
{
    document.forma3.edit_out3.hidden = true;
    return false;
}

Все работает,
Но хотелось бы в JS обращаться не древовидно, а по «id» (т.к. элемент на странице уникален)
Подскажите пожалуйста как правильно переделать html:

<form name="forma3" onsubmit='…'>
                <button>Call func3</button> 
                <input id="edit_out3" type="text" size="40">
            </form>

И файл JS:

$(function ()
{
    $(“#edit_out3”).hidden = true;
    return false;
}

Чтоб все работало.

2. И подскажите, где можно почитать о таком методе? (а то через document… - я нашел, а через id - нет)

Заранее спасибо