Is it possible to do ".value +=" in JQuery?
<p>Classic javascript:</p>

<pre><code>var myvar = document.getElementById("abc");
abc.value += "test";
abc.value += "another test";
</code></pre>

<p>Jquery:</p>

<pre><code>$("#abc").val($("#abc").val()+"test");
$("#abc").val($("#abc").val()+"another test");
</code></pre>

<p>Is there a way to make my Jquery prettier, maybe with a hidden += function that I could use? I know that .val() is not an attribute, but I feel there must be a way to make this code more beautiful to look at...</p>

<p>Something like this would be great:</p>

<pre><code> $("#abc").valueAttribute += "test"
 $("#abc").val().content += "test"
 $("#abc").val().add("test")
</code></pre>
