title: jQuery: $.append and $.html are not working
body: <p>This should straightforward but I have no idea what is wrong.
  I am making an ajax call when there is <code>onblur</code> event on a text field. Ajax request goes to backend and gets the response. Then I have to append that response next to the text field. But it's not working.<br/>
  <strong>HTML</strong></p>
  
  <pre><code>&lt;input type="text" required="" id="123456" onblur="validateWithDB(this)"&gt;&lt;/input&gt;
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>function validateWithDB(field)
              {
                  $.ajax({
                      type:"POST",
                      url:"validate",
                      data: "fieldValue="+field.value,
                      success: function(response) {
                          alert(response);// this is correct
                          alert($(field).val());// this is correct
                          var result = '&lt;span class="help-inline"&gt;'+response+'&lt;/span&gt;'
                          alert(result) // this is correct
                          $(field).html(result);// Does not show up.
                      },
                      error:function (xhRequest, ErrorText, thrownError) {
                          alert('Error: '  + '  ' + xhRequest);
                      }
                  });
              }
  </code></pre>
  
  <p>I tried both <code>$(field).html(result);</code> and <code>$(field).append(result);</code> but no luck.</p>