Adding JQuery in codepen

Im testing to see if Jquery will work with my html in codepen. Its not running it. I already added jQuery and Bootstrap in the javascript tab:

My code so far
javascript code

$(document).ready(function() {
    $("#instagram").addClass("animated fadeOut");
  });

html code

<div>
   <div class="row-border" id="contact-bar">
<div class= "row no-gutters">
 <div class="col-xs-4">
   <button type="button" class="btn btn-primary" id="github">github</button>
 </div>
 <div class="col-xs-4">
<button type="button" class="btn btn-primary" id="facebook">facebook</button>
 </div>
 <div class="col-xs-4">
<button type="button" class="btn btn-primary" id="instagram">instagram</button>
 </div>

No I didn`t that was the issue thank you!

Thanks for the advice! I will use this next time