JQuery .click() событие не стреляя по ссылке, созданная с .load()

Question

.click() события стрельбой, если меню находится вне id="content" (статического HTML), но не работает, когда меню находится внутри id="content" (динамического HTML с использованием .load()).

Нажмите Функция: ссылка

$(document).ready(function() { 
    $("a.type").click(function() { 
     var type = $(this).data("id"); 
     $('#content').load("content.php?" + type); 
    }); 
}); 

меню на заголовке (нажмите событие здесь работает):

<li><a data-id="1" class="type">Cars</a></li> 
<li><a data-id="2" class="type">Houses</a></li> 

.load() заполняет эту (нажмите событие не работает здесь):

<div id="content"></div> 

Answer 1

Изменение от

$("a.type").click(function 

в

$("a.type").live('click', function 

Или, а не жить, вы можете также использовать $(document).on("click", "a.type", function(){}), если вы используете JQuery 1.7+.