title: jquery ajax result with a wrong format
body: <p>I am facing a problem which is the result processed by AJAX, this situation is I would like to pass the result (from AJAX) <code>'f f f f \'' into get_option('')</code>, I don't know why it become like this:-</p>
  
  <pre><code>&lt;li \'');="" f="" onclick="get_option('f" class="option normal_size"&gt;
      &lt;a href="javascript:void(0);"&gt;f f f f \'&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>What I want is :-</p>
  
  <pre><code>&lt;li onclick="get_option('f f f f\'')" class="option normal_size"&gt;
      &lt;a href="javascript:void(0);"&gt;f f f f \'&lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I guess the problem might be the space, but I don't know how to solve it, can anyone do me a favour?</p>
  
  <p>my AJAX coding is:-</p>
  
  <pre><code>.ajax({                         
      url:'inc_board_saving.php?board_title_input='+board_title_input_encode+'&amp;cate_selected='+cate_selected_input_encode+'&amp;cate_setting_selected='+cate_setting_selected,
      type:'GET',
      data:"nums="+Math.random()*1235,
      success: function(data){
      try{
          var content="";
          var obj =  eval('('+data+')');
  
          for (var i=0;i&lt;obj.length;i++){
              content += "&lt;li class='option normal_size' onclick=get_option('"+obj[i].board_name_encode+"');&gt;&lt;a href='javascript:void(0);'&gt;"+obj[i].board_name+"&lt;/a&gt;&lt;/li&gt;";
          }
  
      }catch(e){
          return;
      }
      }
  });
  </code></pre>
  
  <p><strong>Result:</strong></p>
  
  <pre><code>[
      { "board_id"          : "66",
        "board_name"        : "f f f f '",
        "board_name_encode" : "f f f f \\'"
      },
      { "board_id"          : "65",
        "board_name"        : "t t t t t",
        "board_name_encode" : "t t t t t"
      },
      { "board_id"          : "64",
        "board_name"        : "yy yyy yy",
        "board_name_encode" : "yy yyy yy"
      }
  ]
  </code></pre>