JQuery исчезает не отображается

Question

Несмотря на то, что мои классы правильные, а JQuery работает правильно, у меня все еще возникают проблемы с использованием свойства fadeIN для моего элемента jumbotron.Есть идеи?

$(document).ready(function() {
  $('div.not_displaying').fadeIn(1000).removeClass('not_displaying');
});

div.not_displaying {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <div style="background:transparent !important" class="jumbotron text-center not_displaying">
    <img id="jumbotron_img" src="images/Enriceo.png">
    <h3 class="container-fluid" id="presentation"> trial</h3>
  </div>
</div>