Materialize CSS Checkbox inside a collapsible

I'm using the MaterializeCSS framework and i'm wanna put checkbox inside the collapsible-body,then i got a problems my checkbox don't show here bellow my code, hope the community help me

<ul class="collapsible">
 <li>
  <div class="collapsible-header"><i class="materialicons">filter_drama</i>First</div>
  <div class="collapsible-body">
   <label>
    <input type="checkbox" />
    <span>Red</span>
   </label>
  </div>
 </li>
 <li>
  <div class="collapsible-header"><i class="material-icons">place</i>Second</div>
  <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
 </li>
 <li>
  <div class="collapsible-header"><i class="material-icons">whatshot</i>Third</div>
  <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
 </li>
</ul>

Solution

Here is the working demo

 $(document).ready(function(){
    $('.collapsible').collapsible();
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    
<!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css">

    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/js/materialize.min.js"></script>
            
          <ul class="collapsible">
    <li>
      <div class="collapsible-header"><i class="material-icons">filter_drama</i>First</div>
      <div class="collapsible-body">
        <label>
        <input type="checkbox" />
        <span>Red</span>
      </label>
      </div>
    </li>
    <li>
      <div class="collapsible-header"><i class="material-icons">place</i>Second</div>
      <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
    </li>
    <li>
      <div class="collapsible-header"><i class="material-icons">whatshot</i>Third</div>
      <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
    </li>
  </ul>