If the code snippet below represents a div element...
<!doctype html>
<div id="idea">
<p class="news">hello world!</p>
<p class="news">hello world!</p>
<p class="news">hello world!</p>
<p class="news">hello world!</p>
</div>
When using jQuery, how can I target the last p tag inside the div with id "idea" and change the content of the second p element with class "news"? My attempts so far have been unsuccessful:
$(document).ready(function) {
$('#idea:last').html("something else");
}
$(document).ready(function) {
$('.newsbanner[1]').html("something else");
}