нет щелчка при нажатии дочернего элемента

У меня есть следующий HTML-код:

<div class="outerElement">
    <div class="text">
     Lorem ipsum dolar sit amet
    </div>
    <div class="attachment">
      <!-- Image from youtube video here -->
    </div>
</div>

И у меня есть событие jQuery onclick для ".outerElement", однако я не хочу, чтобы событие onclick ".outerElement" было вызывается, когда я нажимаю на вложение, есть ли способ предотвратить это или проверить, какой элемент был нажат?