JavaScript - Problema con simbolos especiales y funcion replace()

var str = "Está, Camión, Árbol.";

str.replace('Á', 'Á');

str.replace('É', 'É');

str.replace('Í', 'Í');

str.replace('Ó', 'Ó');

str.replace('Ú', 'Ú');

str.replace("á", "á");

str.replace('é', 'é');

str.replace('í', 'í');

str.replace('ó', 'ó');

str.replace('ú', 'ú');

str.replace('Ñ', 'Ñ');

str.replace('ñ', 'ñ');

//RESULTADO: str = "Está, Camión, Árbol, Mañana."

function strAHTML(str){

  str.replace('Á', 'Á');

  str.replace('É', 'É');

  str.replace('Í', 'Í');

  str.replace('Ó', 'Ó');

  str.replace('Ú', 'Ú');

  str.replace("á", "á");

  str.replace('é', 'é');

  str.replace('í', 'í');

  str.replace('ó', 'ó');

  str.replace('ú', 'ú');

  str.replace('Ñ', 'Ñ');

  str.replace('ñ', 'ñ');

  return str;

}

var str = "Está, Camión, Árbol.";

str=strAHTML(str);

//RESULTADO: str = "Está, Camión, Árbol."

str=str.replace('Á', 'Á');