Bootstrap Multiselect não funciona

Eu estou tentando usar o Bootstrap multiselect, eu usei o seguinte código que também está disponível em seu site também em (http://davidstutz.github.io/bootstrap-multiselect/), mostra o botão para multi-select e como já coloquei a opção selecionada para "cheese and pepperoni", já os selecionei também, mas sempre que clico nele, não abre a lista para escolher!

<!-- Include the plugin's CSS and JS: -->
<script src="http://code.jquery.com/jquery.js"></script>    
<script type="text/javascript" src="<?php echo base_url('bootstrap/js/bootstrap-multiselect.js'); ?>"></script>

<link href="<?php echo base_url('bootstrap/css/bootstrap-multiselect.css'); ?>" rel="stylesheet" type="text/css">    
<link href="<?php echo base_url('bootstrap/css/bootstrap.min.css'); ?>" rel="stylesheet" type="text/css">                  
<script type="text/javascript" src="<?php echo base_url('bootstrap/js/bootstrap.min.js'); ?>"></script>    

<!-- Build your select: -->
<select class="multiselect" multiple="multiple" name="my-select[]" id="my-select">
    <option value="cheese" selected>Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni" selected>Pepperoni</option>
    <option value="onions">Onions</option>
</select>

<script type="text/javascript">
    $(document).ready(function() {     
            $('.multiselect').multiselect();      
    });
</script>

Estou esquecendo de algo?

Além disso, se você acha que a minha pergunta não está clara, por favor, deixe-me saber qual parte você precisa de mais esclarecimentos.

Muito obrigado antecipadamente.

questionAnswers(5)

yourAnswerToTheQuestion