Select is just displaying as a regular select

[taliyahpottruff]

I'm utilizing the following select in the recipe template (data is dummy data for testing):

<select name="ingredient" class="select2-dropdown">
     <option value="1">Canada</option>
     <option value="2">USA</option>
     <option value="3">Mexico</option>
</select>

I am using the following code to attempt to initialize the select:

Template.recipe.onRendered(function() {
    // Enable select2
    $('.select2-dropdown').select2();
});

The package natestrauser:select2 is in my packages file and installed successfully as far as I could tell. I'm combed through the web console and I'm not seeing any jquery errors when select2() is called.