Приветствую! Помогите как сделать.

Что нужно:

Есть список клиентов, для примера их 2-а.

<div id="spisok_clientov">
  <!-- Первый клиент !-->
  <div id="client">
         <div class="photo"><img src="img.png"/></div>
         <div class="name">Пупкин</div>
  </div>
 <!-- Второй клиент !-->
 <div id="client">
         <div class="photo"><img src="img2.png"/></div>
         <div class="name">Сидоров</div>
  </div>
</div>
<!-- В этот div нужно подставлять фото и имя клиента, на которого нажмешь !-->
<div id="Result"></div>

Как лучше это реализовать. Надеюсь понятно объяснил

Т.е. Если кликнуть на первый id=client, то нужно чтобы в id="Result" подставилось содержимое первого id=client

<div id="Result">
       <div class="photo"><img src="img.png"/></div>
       <div class="name">Пупкин</div>
</div>

Не может быть несколько элементов с одним id на странице, используй классы.

C jQuery

$('.client').click(function() {
  var html = $(this).html();
  $('.Result').html(html);
});

Спасибо большое!