Селектор jquery в успехе ajax

Я использую функцию ajax для вставки данных в php-скрипт. В случае успеха я запрашиваю базу данных и повторяю все элементы следующим образом:

include ("Database/RepairsdbConn.php");
$qryItem = $conn->prepare("SELECT SAP, Name FROM tblusedmaterial WHERE item = ?");
$Key = $_POST[MaterialTypeID];
$qryItem->execute(array($Key));
while($item = $qryItem->fetch(PDO::FETCH_ASSOC)) {
    echo '<div class="row">
            <div class="col-md-4">
                <input type="text" value="'.$item['SAP'].'" class="form-control input-sm">    
            </div>
            <div class="col-md-4">
                <input type="text" value="'.$item['Name'].'" class="form-control input-sm" style="width: 300px">
            </div>
            <div class="col-md-2">
                <input type="text" class="form-control input-sm" style="width: 40px">    
            </div>
            <div class="col-md-4">
                <button type="button" class="btn btn-default btn-xs" id="AddQuantity">
                    <span class="glyphicon glyphicon-plus"></span>
                </button>
            </div>
            </div>
            <p></p>';
}

Это создаст форму со всеми продуктами из базы данных и вводом для добавления количества и кнопкой для нажатия (+), чтобы увеличить количество.

Когда я обращаюсь к кнопке на jquery, ничего не происходит.

        $('#AddQuantity').click(function () {
            alert('TEST');
        });

Как я могу обратиться к каждой кнопке только один раз?