Как подключить обработчик событий для динамически генерируемых дочерних div?

У меня есть страница с двумя контейнерами Div (слева и справа). Страница PartsList имеет 5 динамически созданных DIVS. На пользовательской странице есть 5 динамически созданных DIVS. Div с id "layout" не распознается с помощью jQuery .on (). Пожалуйста помоги. Спасибо вам за время :).

<script type="text/javascript" src="js/jquery.js"> </script> <script type="text/javascript"> $(function() { $(".left").load("PartsList.php",function() {alert("success");}); $(".right").load("Custom.php", function() {alert("success");}); $("#layout").children().on({click: function() { alert($(this).attr('id')); } }); }); </script> <body> <div class="main"> <div class="left"> //Load Left page. </div> <div class="right"> //Load Structure page. </div> </div> </body> </html> 

Список деталей

 <?php for ($x = 1; $x < 6; $x++) { $divs = <<<here <div id = 'div$x' class = 'list'><strong>Div: $x</strong></div> here; echo $divs; } ?> 

изготовленный на заказ

 <?php echo '<div id="layout">'; for ($y = 0; $y < 5; $y++) { echo "<div id='x$y' style=' position: absolute; width: 200px; height: 100px; top: ".(100 * $y)."px; border: 2px solid blue; cursor: pointer; '></div>"; } echo '</div>'; ?>