Cambiar la ruta de todos los atributos href de los enlaces de la página

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css" />
    <script data-require="jquery@1.11.0" data-semver="1.11.0" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body>
    <div>
      <a href="/ruta/al/contenido1.php">enlace 1</a>
    </div>
    
    <div>
      <a href="/ruta/al/contenido2.php">enlace 2</a>
    </div>
    
    <div>
      <a href="/ruta/al/contenido3.php">enlace 3</a>
    </div>
    
    <div>
      <a href="/ruta/al/contenido3.php">enlace 4</a>
    </div>
    
    <div>
      <a href="/ruta/al/contenido4.php">enlace 5</a>
    </div>
     
  </body>

</html>

// Code goes here

$(document).ready(function(){
  $('a').each(function(){
    //cambio la parte de la ruta que me interesa
    $(this).attr('href', $(this).attr('href').replace('/ruta/','/ruta-app/') );
  });
});