Добавить класс Удалить класс через jQuery ... что мне не хватает?

Question

У меня есть приложение, которое позволяет пользователям выбирать определенные шрифты для текстового поля. Некоторые шрифты должны иметь разные атрибуты высоты линии. Я пытаюсь сделать строку высотой зависимой от того, на какой шрифт они нажали. Я могу добавить класс «большая строка», когда они нажимают на id = «большая строка», но я не могу заставить его удалить класс, когда они нажимают «стандартная строка». Я чувствую, что я пропускаю что-то очень простое. Есть предположения? Кроме того ... Я довольно новичок в кодировании.

HTML:

<textarea>   
    <div class="editable" id="standard-line">"Font A"</div> 
    <div class="editable" id="larger-line">"Font B"</div> 
</textarea> 

CSS:

textarea.editable { 
    line-height: 0.8em; 
} 
textarea.editable.larger-line { 
    line-height: 1em; 
} 

JS:

$("#larger-line").on("click", function (e) { 
    $("textarea.editable").addClass('larger-line'); 
}); 
$("#standard-line").on("click", function (e) { 
    $("textarea.editable").removeClass('larger-line'); 
});