сделать внутрений элимент не активным
 

Здравствуйте, есть структура
<ul id="select_list1" onclick="selectHelp1(event)" style="display: block;">
<li>
<div style="disabled:disabled;">
<span style="display: none; ">Гидростроевская</span>
<strong>Гидр</strong>
<span style="color: #b4b3b3">остроевская</span>
</div>
</li>


обработчик подвязан на блок li
но! проблема в том что при клике на него идет клик по спану или стронгу
как сделать клик поверх этих блоков(только на li)?
z-index не помагает ....

1. - что это?
2. это где? я вижу только обработчик на ul

style="disabled:disabled;" мой косяк

обработчик ul - функция
function selectHelp1(ev){
var event = ev || window.event;
var target = event.target || event.srcElement;
document.getElementById('search_field1').value = target.getElementsByTagName('span')[0].innerHTML;
document.getElementById('select_list1').style.disp lay = 'none';

$(function(){

var dom = $('#search_field1').val();
$.ajax({


type: "POST",
url: "dom1.php",
data: {"dom": dom},


cache: false,
success: function(dom){
$("#dom1").html(dom);
}
});
return false;

});


}

сам знаю куча всего((( вот сайт это онлайн заявка такси с двумя живыми поиска - откуда и куда
вот ссылка http://таксиред.рф/index.p...lo/?Itemid=102

проблема та же... как сделать что бы клик был только на li?

введите первые 4 символа "русь"

при клике вне спана скрипт работает

Игорь_12345, http://learn.javascript.ru/bubbling-and-capturing

н у вас не на li привязан вы же клик делаете по ul там и обработчик стоит