Estou carregando conteúdo externo pelo método jQuerycarga e manipular osrc atributo doimg elementos previamente carregados da seguinte maneira:

<div id="content"></div>
<script>
  $("#content").load("additional_content.html #content table", function() {
    $("#content").find("img").each(function() {
      $(this).attr("src", "new_path/" + $(this).attr("src"));
    });
  });
</script>

Ao inspecionar o HTML pai via Firebug, o código-fonte mudou e reflete os novos caminhos da imagem. No entanto, o HTML renderizado no navegador não foi atualizado e aponta para o caminho antigo.

Além disso, estou recebendo o seguinte erro no Chrome:

XMLHttpRequest cannot load file:///.../additional_content.html. Origin null is not allowed by Access-Control-Allow-Origin.

Alguém pode me ajudar, por favor?