[jQuery] How to target change css attribute of P tag when hovering over parent div

[Jacques Choquette - WhistlerGraphicDesign.com]

I have the following code

$('.box').hover(
  function(){ $(this).css('background-color','#6bc6f2'); $("p").css
('color','#fff') },

function(){ $(this).css('background-color','#fbf9f9'); $("p").css
('color','#000') }

);

I have the .box class applied to a div basically I what to hover over
the div change the background color of the div and at the same time
change the text color of any text wrapped in p tags.

I am getting close but with this code every instance of the p tag gets
swapped out I need to know how to target only p tags in the div that I
am mouseing over

can somebody please help!