I'm trying to put a line through each ingredient as it is clicked. With the code I have below there is no line shown when I click it.
$(document).ready(function(){
$(".recipe .ingredients .ing li").click(function(){
$(this).css("text-decoration", "line-through");
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="recipe">
<div class="ingredients">
<h3> Ingredients </h3>
<ul class="ing">
<li> 1 ripe banana </li>
<li> 1/2 ripe avocado </li>
<li> 1 tbsp cocoa powder </li>
<li> 4 cups chocolate almond milk </li>
<li> 4 pitted dates </li>
</ul>
</div>
</div>