====== Attributes ======
The methods described will allow you to change the attributes of the elements.

===== attr( name ) =====
Returns the attribute name's value of the first element.

<code html>
<div title="fun"></div>
</code>
<code javascript>
alert(Karma('div').attr('title')); // fun
</code>

===== attr( name, value ) =====
Change the attribute value of the elements.

<code html>
<div></div>
</code>
<code javascript>
Karma('div').attr('title', 'fun');
alert(Karma('div').attr('title')); // fun
</code>

===== attr( object ) =====
Iterate through the object key value pair and change the attribute value of the elements.

<code html>
<div></div>
</code>
<code javascript>
Karma('div').attr({
  'title': 'fun',
  'id': 'unique',
  'lang': 'en'
});
alert(Karma('div').attr('title')); // fun
alert(Karma('div').attr('id'));    // unique
alert(Karma('div').attr('lang'));  // en
</code>

===== addClass( string ) =====
Adds string to the current class attribute

<code html>
<div class="first"></div>
</code>
<code javascript>
Karma('div').addClass('another');
alert(Karma('div')[0].className); // "only another"
</code>

===== removeClass( string ) =====
Removes string to the current class attribute

<code html>
<div class="first second third"></div>
</code>
<code javascript>
Karma('div').removeClass('second');
alert(Karma('div')[0].className); // "first third"
</code>

===== hasClass( string ) =====
Returns true if first element's class attribute contains string, else returns false

<code html>
<div class="first second third"></div>
</code>
<code javascript>
alert(Karma('div').hasClass('second')); // true
</code>

===== toggleClass( string ) =====
Removes string from class attribute if string is not found in the attributes, adds otherwise.

<code html>
<div class="first second third"></div>
</code>
<code javascript>
Karma('div').toggleClass('second');
alert(Karma('div')[0].className);   // "first third"

Karma('div').toggleClass('second');
alert(Karma('div')[0].className);   // "first third second"
</code>

===== val( ) =====
Gets the value of input elements
<code html>
<input type="text" value="Hi" />
</code>
<code javascript>
alert(Karma('input').val()); // Hi
</code>

===== val( name ) =====
Gets the value of input elements
<code html>
<input type="text" />
</code>
<code javascript>
Karma('input').val('hi');
alert(Karma('input').val());     // Hi
</code>