How do I solve jquery conflict in search dropdown

See more:

jQuery

DropDownList

MVC5

Hello everyone
I used jquery.steps.js for wizard type form design. When I am adding select2.min.js for dropdown search box then the dropdown not working. However if I remove jquery.steps.js then the dropdown search working properly also there is no console error.
So I need to both working on the same page. I tried to remove jQuery conflicts but cannot solve. Below is my script Links

enter code here

<script src="~/plugins/jquery/jquery.min.js"></script>
<script src="~/plugins/bootstrap/js/bootstrap.js"></script>
<script src="~/plugins/jquery-slimscroll/jquery.slimscroll.js"></script>  
<script src="~/plugins/jquery-validation/jquery.validate.js"></script>    
<script src="../../plugins/sweetalert/sweetalert.min.js"></script>
<script src="../../plugins/jquery-steps/jquery.steps.js"></script>
<script src="~/plugins/node-waves/waves.js"></script>
<script src="~/plugins/momentjs/moment.js"></script>
   <script src="../../plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js"></script>
<script src="../../plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="../../js/admin.js"></script>
<script src="../../js/pages/forms/form-wizard.js"></script>
<script src="../../js/pages/forms/basic-form-elements.js"></script>    
<script src="~/js/demo.js"></script>
<script src="~/select2/dist/js/select2.min.js" type="text/javascript"></script>  


<script>
    $(document).ready(function () {
        $("#ddlsupplier").select2();
    });
</script>

What I have tried:

I tried to remove conflicts below but still no help

$.noConflict();
// Code that uses other library's $ can follow here.