<script>
$(document).ready(
function
() {
$(
"#target1"
).css(
"color"
,
"red"
);
$(
"#target1"
).prop(
"disabled"
, true);
});
</script>
<!-- Only change code above this line. -->
<div
class
=
"container-fluid"
>
<h3
class
=
"text-primary text-center"
>jQuery Playground</h3>
<div
class
=
"row"
>
<div
class
=
"col-xs-6"
>
<h4>#left-well</h4>
<div
class
=
"well"
id=
"left-well"
>
<button
class
=
"btn btn-default target"
id=
"target1"
>#target1</button>
<button
class
=
"btn btn-default target"
id=
"target2"
>#target2</button>
<button
class
=
"btn btn-default target"
id=
"target3"
>#target3</button>
</div>
</div>
<div
class
=
"col-xs-6"
>
<h4>#right-well</h4>
<div
class
=
"well"
id=
"right-well"
>
<button
class
=
"btn btn-default target"
id=
"target4"
>#target4</button>
<button
class
=
"btn btn-default target"
id=
"target5"
>#target5</button>
<button
class
=
"btn btn-default target"
id=
"target6"
>#target6</button>
</div>
</div>
</div>
</div>