Question

I have the following code

    $(document).ready(function () {
        $(".page").on('click', function () {
            $("#ctl00_MainContent_dfComments").html(function (i, val) {
                return val.replace(/\]/g, '>');
            });
        });

        $(".page").on('click', function () {
            $("#ctl00_MainContent_dfComments").text(function (i, val) {
                return val.replace(/\[/g, "<");
            });
        });

    });

Which with the help of replacing characters in entire document JQuery works wonderfully. However, when the < bracket is inserted, the entire div goes blank. I can replace the [ with anything, but as soon as I put in < everything inside that div disappears. Any idea of what might be going on?

Yes, this is supposed to create a bold (kind of like a bb parser)

Answer 1

Your second replace is using .text() instead of .html(). As a side note, you can also combine the two event handlers.

$(document).ready(function () {
  $(".page").on('click', function () {
    $("#ctl00_MainContent_dfComments").html(function (i, val) {
      return val.replace(/\]/g, '>').replace(/\[/g, '<');
    });
  });
});​

Here it is in action: http://jsfiddle.net/pbnDP/8/

Pressing the button makes the text go bold.

The obvious security concerns are discussed in the comments on the main post. Don’t put this on a site where users can generate the content this is being run on.