Co použít: jQuery vs Javascript

$(function(){

      function checkInputs()
      {
          var maxInputs = 5;
          var inputs = $('.inputs').find(':input[type=text]');

          if(inputs.length > maxInputs){
              alert('Maximální počet řádků je ' + maxInputs);
              $('.add').hide();
          }
      }

      $('.add').click(function(){
          var input = '<div class="test"><input type="text" name="test[]"> <p><a href="" class="remove">Odebrat položku</a></p></div>';
          $('.inputs').append(input);
          checkInputs()
          return false;
      });

      $('.remove').live('click', function(){
          $(this).parent().parent().remove();
          checkInputs()
          return false;
      });
  });

<div id="content">
          <form action="#" method="GET">
              <div class="inputs">
                  <input type="text" name="test[]"> <p></p>
              </div>
              <a href="" class="add">přidat další položku</a>
              <input type="submit" name="send" value="Odeslat">
          </form>

          <div class="cleaner"></div>
      </div>

<a href="javascript:" class="add" onClick="addInput()">přidat další položku</a>

function addInput()
  {
      var current = document.getElementById('inputs').innerHTML;
      document.getElementById('inputs').innerHTML = current + '<div id="test"><input type="text" name="test[]"> <p><a href="javascript:" onClick="removeInput()">Odebrat položku</a></p></div>';
  }

  function removeInput(){}

function addInput()
  {
      var current = document.getElementById('inputs').innerHTML;
      document.getElementById('inputs').innerHTML = current + '<div id="test"><input type="text" name="test[]"> <p><a href="javascript:" onClick="removeInput(this)">Odebrat položku</a></p></div>';
  }

  function removeInput(current)
  {
      var id = current.parentNode.parentNode.id;
      var oDiv = document.getElementById(id);
      oDiv.parentNode.removeChild(oDiv);
  }

<div id="content">
          <form action="#" method="GET">
              <div class="inputs" id="inputs">
                  <input type="text" name="test[]"> <p></p>
              </div>
              <a href="javascript:" class="add" onClick="addInput()">přidat další položku</a>
              <input type="submit" name="send" value="Odeslat">
          </form>
          <div class="cleaner"></div>
      </div>

function removeInput(current)
  {
      var oDiv = current.parentNode.parentNode;
      oDiv.parentNode.removeChild(oDiv);
  }