::-ms-clear to clear the contents of the input not working

The "x" mark that appears only on IE is supposed to clear the contents of the input text field is not working

Please see the code:

------HTML----

<div>
      <input id="search_again" type="text" placeholder="keywords" value="" on="">
      <input class="search-btn mainSearch" type="submit" value="">
   </div>

-----CSS--------

#search_again::-ms-clear {
    color: red;
}