JSFiddle - React, Tailwind, and code Playground

by Timmy Willison

HTML

<textarea id="area1">123</textarea>

<textarea id="area2" value="foobar">123</textarea>

JavaScript

// View in IE6 or IE7

var $area1 = $('#area1'),
    $area2 = $('#area2');

// Should say something, then 123
$area1.attr("value", "something");
console.log( "attr: %s", $area1.attr("value") );
console.log( "val: %s", $area1.val() );

// No problem here.  Uses getAttributeNode.
$area2.attr("value", "something");
console.log( "attr: %s", $area2.attr("value") );
console.log( "val: %s", $area2.val() );