title: How to Force Javascript to Execute within HTML Response to Ajax Request
body: <p>We're using Prototype for all of our Ajax request handling and to keep things simple we simple render HTML content which is then assigned to the appropriate div using the following function:</p>
  
  <pre><code>function ajaxModify(controller, parameters, div_id)
  {
      var div = $(div_id);
  
      var request = new Ajax.Request 
      (
          controller, 
          {
              method: "post",
              parameters: parameters,
              onSuccess: function(data) {
                  div.innerHTML = data.responseText;
              },
              onFailure: function() {
                  div.innerHTML = "Information Temporarily Unavailable";  
              }
          }
      );
  }
  </code></pre>
  
  <p>However, I occasionally need to execute Javascript within the HTML response and this method appears incapable of doing that.</p>
  
  <p>I'm trying to keep the list of functions for Ajax calls to a minimum for a number of reasons so if there is a way to modify the existing function without breaking everywhere that it is currently being used or a way to modify the HTML response that will cause any embedded javascript to execute that would great.</p>
  
  <p>By way of note, I've already tried adding "evalJS : 'force'" to the function to see what it would do and it didn't help things any.</p>