Displaying data in a jsp form using JavaScript

I want to display selected object using query selector and javascript.

From here:

<c:forEach items="${institution}" var="institution">
            <div class="form-group form-group--checkbox">
              <label>
                <form:radiobutton path="institution" name="organization"/>
                <span class="checkbox radio"></span>
                <span class="description">
                  <div class="title">${institution.name}</div>
                  <div class="subtitle">
                    ${institution.description}
                  </div>
                </span>
              </label>
            </div>
            </c:forEach>

            <div class="form-group form-group--buttons">
              <button type="button" class="btn prev-step">Back</button>
              <button type="button" class="btn next-step">Next</button>
            </div>

to here:

                  <li>
                    <span class="icon icon-hand"></span>
                    <span class="summary--text" id="selected-institution">
"nameOfTheInstitution"
                    </span>
                  </li>

Also from

<div class="form-group form-group--inline">
                  <label> STREET <form:input path="street" type="text" name="address" /> </label>
                </div>

to here:

                  <ul>
                    <li>"STREET"</li>
                  </ul>

and

              <label>
                <form:input path="quantity" type="number" name="bags" step="1" min="1" />
              </label>

to here:

                  <li>
                    <span class="icon icon-bag"></span>
                    <span class="summary--text">"QUANTITY"</span>
                  </li>

I tried few things, but they did not work.