Simple Animation not Working

Simple Animation not Working

Hi guys I am using a simple jquery fadeIn and slideDown effect on a click event but for some reason it doesn't work here's my code 

  1. <form id="Form1" method="POST" action="">

  3. <p>
  4. <label for="moneyInAccount">Enter the amount you have in your account</label>
  5. <input type="number" step="any" name="moneyInAccount" placeholder="0.00" >
  6. <input type="submit" name="moneyInAccountBtn" value="Submit">
  7. </p>


  10. </form>

  12. <p id="moneyInAccountParagraph"></p><br>
the jquery code is as follows
  1. $("moneyInAccountParagraph").hide();

  3. $("input[name=moneyInAccountBtn]").on("click", function(e){
  4. e.preventDefault();
  5. if($("input[name=moneyInAccount]").val() != 0) 
  6. {
  7. $("#moneyInAccountParagraph").text("Money currently in your account R " +                         $("input[name=moneyInAccount").val()).slideDown(1000);
  8. $("#Form1").fadeOut(1000);
  9. }
  11. });
This code is done in the document ready function and the fadeOut effect works fine, it's the #moneyInAccountParagraph effect that doesn't work for some reason please assist