Step 1: Preheat your oven to 350°F (175°C) to ensure that your cake bakes evenly.
Step 2: In a medium mixing bowl, combine 1 cup all-purpose flour, 1 teaspoon baking powder, 1/4 teaspoon baking soda, and 1/4 teaspoon salt. Whisk these dry ingredients together until well blended.
Step 3: In a separate bowl, cream together 1/4 cup creamy peanut butter and 2 tablespoons of unsalted butter using a whisk or electric mixer until light and fluffy.
Step 4: Add 1/2 cup light brown sugar to the creamed mixture and mix until well combined. Then, beat in 1 large egg and 1/2 teaspoon vanilla extract until smooth.
Step 5: Gradually add 1/2 cup of buttermilk to the mixture, stirring gently until just combined.
Step 6: Fold the dry ingredients into the wet mixture until no flour streaks remain. Be careful not to overmix; a few lumps are okay.
Step 7: Pour half of the batter into your prepared baking pan. Spoon 1/2 cup of grape jelly over the batter, spreading it evenly. Then, pour the remaining batter on top and gently spread it out.
Step 8: In a small bowl, mix together 1/2 cup all-purpose flour, 1/2 cup light brown sugar, and 1/4 cup crunchy peanut butter. Stir in 2 tablespoons of melted unsalted butter until crumbly.
Step 9: Sprinkle the peanut butter streusel topping evenly over the batter.
Step 10: Bake in the preheated oven for 30-35 minutes or until a toothpick inserted into the center comes out clean.
Step 11: Allow the cake to cool in the pan for about 10 minutes before transferring it to a wire rack. Slice, serve, and enjoy your Peanut Butter and Jelly Coffee Cake!