Creating a blog -> ARTICLE template using jquery, but DOM is not getting updated.

Shopify Discussion
,
1

To start off, I am new to Shopify, and this my first question. Please give every piece of advice that you deem necessary.

Using the code below, I am trying to create a two card grid as a template in jquery and append it to a specific ID in the dom.

A new grid with a new ID is created whenever the image counter equals two. So that I can add one image to the left and one to the right of the newly created grid using the grid’s dynamic ID.

HTML:


{{content}}

# Gallery

JQUERY/JS:

With the below code, only the first grid in created and appended to the Gallery in the dom. After that, there are no new grids being created even though there are multiple images.

I am new to shopify and I am trying to solve a ticket with the knowledge I have. Any advice would be appreciated.