What is the difference between jquery.unobtrusive and jquery.validate.unobtrusive in mvc

i want to submit my form through Ajax, i am using Ajax.BeginForm like this

<div class="container">
    <div class="row">
        <div id="employeeDetails" class="col-xs-10 col-xs-offset-2">
            @foreach (var d in client.employees)
            {
                <div>@d.name</div>
            }
        </div>
        <input type="text" />
    </div>

    <div class="row">
        <div class="col-xs-10 col-xs-offset-2">
            @using (Ajax.BeginForm("submit", new AjaxOptions
            {
                InsertionMode = InsertionMode.Replace,
                UpdateTargetId = "employeeDetails"
            }))
            {

                @Html.DropDownList("role", new SelectList(Enum.GetNames(Model.role.GetType())))
                <input type="submit" value="submit" />
            }
        </div>
    </div>
</div>

what i am doing here is filtering the employees according to the role which i have selected, i am getting the result but ny page is getting refeshed.

is there any difference between jquery.unobtrusive and jquery.validate.unobtrusive should i have to include jquery.unobtrusive as well?

this is my bundle.config

 bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.validate*"));

enter image description here