У меня есть HTML, как это, например:

Want to get email (
Want to get email ($<span id="price">50</span>/month)
             bla bla bla

-$30 subscribe
            Please check this to add your own email
lt;span id="price">50</span>/month)
             bla bla bla

-$30 subscribe
            Please check this to add your own email

Stucture:

[checkbox] подписаться (50 $ / месяц) текст бла бла

[еще один флажок] предложение -30 $, чтобы добавить свои электронные письма)

Так что в основном у меня есть флажок для подписки, с ценой для этой подписки, и под этим у меня есть еще один флажок для "предлагает" Если вы отметили этот флажок, он должен изменить действующую цену, указанную выше, подпишитесь на -30 $, если установлен, и если нет, то же самое.

Как я могу сделать это с помощью Ajax или какой-то другой функции JQuery / JS для редактирования в строке в зависимости от идентификатора этого диапазона с идентификатором второго флажка?

JSfiddle

Заранее всем спасибо!