[Pashok]

Добрый день.
Имеется такая форма:

<form action="" method="post" class="mpf">
	<div class="wa-form">
        <div class="wa-field wa-field-firstname wa-required">
            <div class="wa-name">Имя</div>
            <div class="wa-value"><input type="text" name="customer[firstname]" value=""></div>
        </div>
        <div class="wa-field wa-field-lastname wa-required">
            <div class="wa-name">Фамилия</div>
            <div class="wa-value"><input type="text" name="customer[lastname]" value=""></div>
        </div>
        <div class="wa-field wa-field-phone wa-required">
            <div class="wa-name">Телефон</div>
            <div class="wa-value"><p><input type="text" name="customer[phone]" value=""></p></div>
        </div>
        <div class="wa-field wa-field-email wa-required">
            <div class="wa-name">Email</div>
            <div class="wa-value"><p><input type="text" name="customer[email]" value="totalshiva@gmail.com"></p></div>
        </div>
        <div class="wa-field wa-field-company wa-required">
            <div class="wa-name">Официальное название организации</div>
            <div class="wa-value"><input type="text" name="customer[company]" value=""></div>
        </div>
	</div>
</form>

Мне необходимо скрыть названия полей, в слое "wa-name" (с этим проблем нет) и каждому полю присвоить Placeholder, соответственно названия поля в слое "wa-name"

Я смог это реализовать только при клике на поле, а при загрузке страницы - не смог т.к. не могу привязаться к $(this).

$(document).ready(function() {
					$("div.wa-name").click(function() {
					var nm = $(this).html();
					$(this).parent().find("input").attr("placeholder", nm) 
					})
				})

Вот так - работает при клике. Каждому полю вставляет то, что надо.
А при загрузке не знаю как перебрать все поля в этом блоке и каждому присвоить соответствующую надпись.

Подскажите пожалуйста как.

Спасибо