Forms id's

HTML

<div class="container">
  <div id="form">
  <form class="form" id="form-22" data-form-id="22" method="post">
  <label for="firma" class="label" name="firma">Firma</label>
  <div class="control">
    <input type="text" name="firma" id="firma"/>
  </div>
    <label for="name" class="label" name="name">Name</label>
  <div class="control">
    <input type="text" name="name" id="name"/>
  </div>
    <label for="email" class="label" name="name">Email</label>
  <div class="control">
    <input type="text" name="email" id="email"/>
  </div>
  </form>
</div>

<div id="form">
  <form class="form" id="form-20" data-form-id="20" method="post">
  <label for="firma" class="label" name="firma">Firma</label>
  <div class="control">
    <input type="text" name="firma" id="firma"/>
  </div>
    <label for="name" class="label" name="name">Name</label>
  <div class="control">
    <input type="text" name="name" id="name"/>
  </div>
    <label for="email" class="label" name="name">Email</label>
  <div class="control">
    <input type="text" name="email" id="email"/>
  </div>
  </form>
</div>
<div id="form">
  <form class="form" id="form-22" data-form-id="22" method="post">
  <label for="firma" class="label" name="firma">Firma</label>
  <div class="control">
    <input type="text" name="firma" id="firma"/>
  </div>
    <label for="name" class="label" name="name">Name</label>
  <div class="control">
    <input type="text" name="name" id="name"/>
  </div>
    <label for="email" class="label" name="name">Email</label>
  <div class="control">
    <input type="text" name="email" id="email"/>
  </div>
  </form>
</div>
</div>

CSS

.container {
  width: 1200px;
  margin: 40px auto;
  display: flex;
  justify-content: space-between;
}

JavaScript

$('.form').each(function (index) {
  console.log('index is ' + index);
  var formDataId = $(this).attr('data-form-id');
  var formDivId = $(this).parent().attr('id');
  var formId = $(this).attr('id');
  $(this)
    .parent()
    .attr('id', formDivId + '-' + formDataId);
  $(this)
    .find('.control input')
    .each(function () {
      var fieldId = $(this).attr('id');
      $(this).attr('id', fieldId + '-' + formDataId);
      $(this)
        .parents('.field')
        .children('label')
        .attr('for', fieldId + '-' + formDataId);
    });
});