title: Unable to change html table heade
body: <p>With the following HTML I am trying to manipulate this with the subsequent JQuery code:</p>
  
  <p>table class="tickets"
  thead
  tr
  th class="priority" title="Priority"
  <br>
  <br></p>
  
  <pre><code>$j(document).ready(function() {
  if(location.pathname == '/organizations/30031077/requests' ) {
  var header = "Project Type";
  
  $j('.priority th').replaceWith(header);
  }
  });
  </code></pre>
  
  <p>Is there a problem with how I am referencing the 'priority' class and its th element? No errors and the tickets table header (Priority) does NOT get changed to 'Project Type'.</p>