Проверка содержимого перед переносом параграфа

Доброго времени суток.

Есть вот такая конструкция https://jsfiddle.net/Zumzum/5aak5awg/1/

Подскажите как сделать так, что бы если в myDiv2 уже есть

данный параграф, то клик при клике по кнопке but как бы не срабатывал?

Получается надо сделать проверку параграфов в блоках

myDiv1 и myDiv2, и если в myDiv2 уже есть параграф

который находится в myDiv1, то что бы кнопка с классом but

не срабатывала.

Это мне надо для корзины, что бы нельзя было добавлять несколько одинаковых

товаров в корзину. Вот решил поэтому проверять по названию товара.

Даже может лучше, если добавив товар в корзину первый раз, и эту кнопку сразу

заменить на просто какой то див. Например даже банально вот так:

$('.but').html("<div>....</div>");

Что бы это уже была не кнопка, и второй раз добавить товар не получится уже.

Вот живой пример того о чем я говорю https://goo.gl/dXhYBx

Каждый раз кликая по кнопке Купить товар добавляется в корзину.

А нужно что бы товар добавлялся только первый раз.