I have a dropdown that is returning duplicates. I don't know why it is returning duplicates.
Here is the control for my dropdown.

```
    @Html.DropDownList("procDateId", Model.GetEmpHoursDateRange.EmphoursdateSelectList, Model.GetEmpHoursDateRange.selectedEmplhoursdate, new { id = "procDateId" })

```

I want to be able to remove the duplicates once the page load.
I tested the code below with an alert and am able to get to the document.ready

```
     $(document).ready(function () {

            alert("here you go !!!");

            [].slice.call($('#procDateId').option)
              .map(function (a) {
                  if (this[a.innerText]) {
                      $('#procDateId'.option).removeChild(a);
                  } else {
                      this[a.innerText] = 1;
                  }
              }, {});

        });

```

Here is the html that my dropdown is rendering.

```
    <select id="procDateId" name="procDateId">
     <option value>1/11/2017</option>
     <option value>1/11/2017</option>
     <option value>1/10/2017</option>
     <option value>1/9/2017</option>
    </select>

```

The duplicates are not been removed with my code above. No luck. Kindly assist.