title: how to replace a placeholder across a full HTML page using Jquery?
body: <p>I have an HTML demo page, whichs contain a placeholder "||<em>client</em>||". It's used throughout the page for example:</p>
  
  <pre><code>&lt;img src="images/||_client_||/img1.jpg" /&gt;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>&lt;title&gt;||_client_|| Demo&lt;/title&gt;
  </code></pre>
  
  <p>and so on.</p>
  
  <p>I want to globally replace the palceholder with the respective client ID once the page loads. The page is just for demo-purposes so I don't want to set up anything server side. </p>
  
  <p>I'm binding to this: </p>
  
  <pre><code> $('div:jqmData(role="page")').on('pagebeforecreate', function() {  
    // replace ||_client_|| with some ID      
    });
  </code></pre>
  
  <p><strong>Question:</strong><br>
  Is there a Jquery method to run through the DOM and find all instances of my placeholder and replace them or do I have to do each one by hand and look for all img tags, check the src for substring and replace this substring? There must be a nicer way?</p>
  
  <p>Thanks for help! </p>