title: Change all table border colors with jQuery
body: <p>I have several instances of inline CSS like the following...</p>
  
  <pre><code>&lt;td id="problem_display" style="border-right:solid 2px #378DE5; border-top:solid 2px #378DE5; border-bottom:solid 2px #378DE5; padding:10px;" valign="middle"&gt;
  </code></pre>
  
  <p>There are also <code>&lt;table&gt;</code> tags like this.  With jQuery, can all of their colors be changed from <code>#378DE5</code> to <code>#5CB811</code>?  I already have some jQuery working...</p>
  
  <pre><code>    $(document).ready(function () {
      var last = $('tbody tr:hidden').length;
      if (last &gt; 0) {
          $("#nextStep").click(function () {
              var x = $("tbody tr:hidden:first");
  
              console.log(x);
              console.log(last);
              $("tbody tr:hidden:first").show();
              last = $('tbody tr:hidden').length;
              if (last == 0) { 
                  $("#nextStep").html('DONE!');
                  $("#nextStep").addClass("finished_show_next_button");
                  //I want to add the changing of the table/cell borders here.
              }
          });
      }
  });
  </code></pre>
  
  <p>In the commented area above, is it possible to do some kind of <code>str_replace</code> like PHP does?  Where Javascript/jQuery will scan the document and change all instances of <code>#378DE5</code> to <code>#5CB811</code>?</p>
  
  <p>A sample table is here...</p>
  
  <pre><code>            &lt;table id="problem_area" width="100%"&gt;
              &lt;tbody&gt;
                  &lt;tr id="problem_header"&gt;
                      &lt;td id="problem_title" style="border-right:solid 2px #378DE5; border-bottom:solid 2px #378DE5; padding:10px;" width="50%" align="center"&gt;&lt;span style="font-size: 18px; font-weight:bold; color: #545454;"&gt;&lt;?php echo 'Unit ' . $row['unit'] . ', Lesson ' . $row['lesson'] . ': ' . $row['title']; ?&gt;&lt;/span&gt;&lt;/td&gt;
                      &lt;td id="notes_title" style="border-left:solid 2px #378DE5; border-bottom:solid 2px #378DE5; padding:10px;" width="50%" align="center"&gt;&lt;span style="font-size: 18px; font-weight:bold; color: #545454;"&gt;Notes&lt;/span&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr id="border_row"&gt;
                      &lt;td id="border_cell" style="border:solid 2px #378DE5;"&gt;&lt;/td&gt;
                      &lt;td id="border_cell" style="border:solid 2px #378DE5;"&gt;&lt;/td&gt;
                  &lt;/tr&gt;
  
                  &lt;tr class="problem_display_row"&gt;
                      &lt;td id="problem_display" style="border-right:solid 2px #378DE5; border-top:solid 2px #378DE5; border-bottom:solid 2px #378DE5; padding:10px;" valign="middle"&gt;
  stuff                       &lt;/td&gt;
                      &lt;td id="notes_display" style="border-top:solid 2px #378DE5; border-left:solid 2px #378DE5; border-bottom:solid 2px #378DE5; padding:10px;" valign="middle"&gt;
  more stuff                      &lt;/td&gt;
                  &lt;/tr&gt;
  
                  &lt;tr class="problem_display_work"&gt;
                      &lt;td id="problem_display" style="border-right:solid 2px #378DE5; border-top:solid 2px #378DE5; border-bottom:solid 2px #378DE5; padding:10px;" valign="middle"&gt;
  stuff again                     &lt;/td&gt;
                      &lt;td id="notes_display" style="border-top:solid 2px #378DE5; border-left:solid 2px #378DE5; border-bottom:solid 2px #378DE5; padding:10px;" valign="middle"&gt;
  more stuff again                        &lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr class="problem_display_work"&gt;
                      &lt;td id="problem_display" style="border-right:solid 2px #378DE5; border-top:solid 2px #378DE5; border-bottom:solid 2px #378DE5; padding:10px;" valign="middle"&gt;
  still more stuff                        &lt;/td&gt;
                      &lt;td id="notes_display" style="border-top:solid 2px #378DE5; border-left:solid 2px #378DE5; border-bottom:solid 2px #378DE5; padding:10px;" valign="middle"&gt;
  still more stuff again                      &lt;/td&gt;
                  &lt;/tr&gt;
  
              &lt;tbody&gt;
              &lt;tfoot&gt;
  
                  &lt;tr&gt;
                      &lt;td class="show_next_button" id="nextStep" colspan="2"&gt;Show Next&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tfoot&gt;
  
          &lt;/table&gt;
  </code></pre>