Stepper pro not displaying input fiels

**Expected behavior** A working example of yours embedded in my web page

**Actual behavior** Inputs do not show up and control buttons do not work - Added reference to stepper.min.js- - Added reference to stepper.min.css - copied you code from web page (div and ul from horizontal and vertical) Am I missing another include? I tried all of the pro examples. They all reacted the same where inputs not showing up and control not working **Resources (screenshots, code snippets etc.)**

https://mdbootstrap.com/docs/jquery/components/stepper/#!

<div class="row mt-1">
    <div class="col-md-12">
        <!-- Vertical Steppers -->
        <div class="row mt-1">
            <div class="col-md-12">

                <ul class="stepper parallel">
                    <li class="step active">
                        <div data-step-label="Just add a data-step-label!" class="step-title waves-effect waves-dark">Step 1</div>
                        <div class="step-new-content">
                            <div class="row">
                                <div class="md-form col-12 ml-auto">
                                    <input id="email-parallel" name="email" type="email" class="form-control validate" required>
                                    <label for="email-parallel">Your e-mail</label>
                                </div>
                            </div>
                            <div class="step-actions">
                                <button class="waves-effect waves-dark btn btn-sm btn-primary next-step">CONTINUE</button>
                            </div>
                        </div>
                    </li>
                    <li class="step">
                        <div class="step-title waves-effect waves-dark">Step 2</div>
                        <div class="step-new-content">
                            <div class="row">
                                <div class="md-form col-12 ml-auto">
                                    <input id="password-parallel" type="password" class="form-control validate" required>
                                    <label for="password-parallel">Your password</label>
                                </div>
                            </div>
                            <div class="step-actions">
                                <button class="waves-effect waves-dark btn-sm btn btn-primary next-step">CONTINUE</button>
                                <button class="waves-effect waves-dark btn-sm btn btn-secondary previous-step">BACK</button>
                            </div>
                        </div>
                    </li>
                    <li class="step">
                        <div class="step-title waves-effect waves-dark">Step 3</div>
                        <div class="step-new-content">
                            Finish!
                            <div class="step-actions">
                                <button class="waves-effect waves-dark btn-sm  btn btn-primary m-0 mt-4" type="button">SUBMIT</button>
                            </div>
                        </div>
                    </li>
                </ul>

            </div>
        </div>

        <!-- Steppers Navigation -->
        <div class="row mt-1">
            <div class="col-md-12 text-right">
                <button class="btn btn-flat btn-sm">Cancel</button>
                <button class="btn btn-primary btn-sm">Next</button>
            </div>
        </div>
        <!-- /.Vertical Steppers -->
    </div>
</div>