Как заменить атрибут имени внутри элемента в JQuery?

У меня следующая проблема: У меня есть элемент JQuery Tournament.player со следующими данными:

<div class="row mb-2">
  <div class="col">
    <input name="players[2][nickname]" type="text" class="form-control" id="p_nickname" placeholder="Nickname" value="Player3">
  </div>
  <div class="col p_region" style="">
    <select name="players[2][region]" class="form-control">
      <option value="" disabled="" selected="">Choose region</option>
    </select>
  </div>
  <div class="col-2">
    <button type="button" class="w-100 btn-sm btn-danger deleteRow">Delete</button>
  </div>
</div>

Я хочу увеличить счетчик в атрибуте name внутренних элементов select и input.

Вот что я пробовал до сих пор:

var newPlayer = Tournament.player.clone().find('input, select').attr("name", function(i, name) {
  return name.replace(/(\d+)/, function($0, $1) {
    return +$1 + 1;
  });
});
newPlayer.appendTo(".players");

Он делает то, что мне нужно, но возвращает только элементы select и input, например:

<input name="players[3][nickname]" type="text" class="form-control" id="p_nickname" placeholder="Nickname" value="">
<select name="players[3][region]" class="form-control" disabled="">
  <option value="" disabled="" selected="">Choose region</option>                                                                               
</select>

Что я делаю не так? Я хочу получить тот же элемент, что и раньше, но получить только его часть.

Заранее большое спасибо.